Web page making learn to use HTML font tags and attributes

Source: Internet
Author: User
Tags add min ming
Web page

What we're going to talk about here is the markup for the text, including font size, color, fonts ... and other changes, the appropriate application can increase the appearance of the page!

Common Font Tags

<Hn>...</Hn> title, set title font size, n = 1 (Large) ~ 6 (small) will automatically jump the next line. Usually used in headings such as chapters, paragraphs, and so on.

such as: <H2> title </H2>

Title

such as:

Title

<B>...</B> bold characters.

such as: <B> bold word </B>

Bold Word

<I>...</I> Italic character.

such as: <I> Italic character </I>
Italic character

<U>...</U> Add the bottom line.

such as: <U> Add bottom line </U>
Add the bottom line

<DEL>...</DEL> Horizontal line (indicates deletion).

such as: <DEL> horizontal </DEL>
Line

<TT>...</TT> Font (fixed-width text).

such as: <TT> play Font </TT>
Playing fonts

<SUP>...</SUP> superscript words.

such as: Font <SUP> superscript word </SUP>
Font on the label word

<SUB>...</SUB> subscript Word.

such as: Font <SUB> subscript word </SUB>
Font subscript

<!... > annotations (not shown on the browser), can be multiple lines.

such as: <! Update Date: 2000/1/1>

Set font size, color, fonts

There are several ways to set up text:

1. Set HTML file body text color. <BODY>...</BODY> tags.

such as: <body text=red>...</body> or
<body text= #FF0000 >...</BODY>

2. To set the basic font size, color, font. <BASEFONT>...</BASEFONT> tags.

3. Set font size, color, fonts. <FONT>...</FONT> tags.

<BASEFONT>...</BASEFONT> set the basic font SIZE = 1 ~ 7,1 (min) 7 (max).

such as: <basefont size=4> basic Font size is 4 </BASEFONT>
Basic font size is 4

such as: <basefont color = #FF0000 > Set colors </BASEFONT>
Set color

such as: <basefont face = superscript italics, fine-ming body > Set Font </BASEFONT>
Set font

<BIG>...</BIG> basic fonts are enlarged.

such as: <basefont size=4> basic font size is 4,</basefont>
<BIG> increase to 5 </BIG>
Basic font size is 4, increase to 5

<SMALL>...</SMALL> Basic font reduction.

such as: <basefont size=4> basic font size is 4,</basefont>
<SMALL> reduced to 3 </SMALL>
Basic font size is 4, reduced to 3

<FONT>...</FONT> set font size, color, typeface, size = 1 ~ 7,1 (min) 7 (max).

For example: <font size=4> font size 4 </FONT>
Font size is 4

such as: <basefont size=4> basic Font size is 4
<font size= 1> 1 Font size is 5 </FONT>
<font size=-2>-2 font size 2 </FONT>...</BASEFONT>
Basic font size is 4
1 Font size is 5
-2 font size is 2

such as: <font color = #FF0000 > Set colors </FONT>
Set color

such as: <font face = superscript italics, fine-ming body > Set Font </FONT>
Set font

Attention matters

1. Set the size of the font: absolute size such as: <font size=4>
and relative size such as: <font size= 1> (add and subtract with the font size set by Basefont).

2. Set the font color can be the color name or #rrggbb table red-green-blue intensity (00 Dark ~ FF light). #RRGGBB is the red, green, blue three primary colors, each color by the two-digit hexadecimal numeric representation (that is, decimal 0 ~ 255).
Hex: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.

3. Font fonts will be set in order to find the displayed font, if not found in the System preset font display.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.