HTML font size

Source: Internet
Author: User
HTML font size subscript settings

The commonly used font size definitions on Web pages include 7 numbers, 1 is the smallest, and 7 is the largest.

CommandCodeIs in angle brackets: [font size = x].

To facilitate normal display, <> use [] for the moment.

Various font sizes are as follows:

[Font size = 1] [/font]

[Font size = 2] 2-character size [/font]

[Font size = 3] [/font]

[Font size = 4] [/font]

[Font size = 5] [/font]

[Font size = 6] [/font]

The title text must be thicker than the text font, which can be defined by [HX]. The font size is followed by "H", and "h1" is the largest, and "H7" is the smallest. As follows:

[H2] Title 2 [/H2]

[H3] heading 3 [/H3]

[H4] heading 4 [/H4]

[H5] heading 5 [/H5]

[H6] Title 6 [/H6]

There is also a way to define the font size with dot matrix,

Add the parameter "style = font-size: xxpx" to [body], [p], or [Div"

The following uses a dot matrix to define several lines of instances for your reference:

[Div style = font-size: 9px] indicates the 9-dot matrix Font Style

[Div style = font-size: 10px] indicates 10 lattice Fonts

[Div style = font-size: 12px] indicates 12-dot matrix Fonts

[Div style = font-size: 14px] indicates the 14-dot matrix Font Style

[Div style = font-size: 18px] indicates 18 lattice Fonts

[Div style = font-size: 22px] indicates 22 dot matrix Fonts

In addition to the size, there are also some font settingsCode:

B in bold

I italics

U plus bottom line

Del horizontal line (indicating deletion)

Font sup superscript -- display result: font superscript

Font sub subscript -- display result: font subscript

In additionHtmlThere are also a lot of logical markup FontsCodeBecause the Logic definition varies with browsers

For different display results, the web pages you edit may not be the same as those you do, so it is generally best not

To use theseCode.

Character Color settings, as mentioned earlier, commandsCodeYes: [font color = xxxxxx]

The six hexadecimal numbers are defined in the color described above.CodeHas been described in detail, you try to see.

[Font color = ff0000] the blue and green colors are "00" and the font is red.

[Font color = 00ff00] Blue and red are "00", and the font is green

[Font color = 0000ff] the red and green colors are "00" and the font is blue.

When displaying Chinese characters, the browser uses the standard "" by default. to change it to another font, you can add the "face = xx" parameter to the font, however, because this command calls the fonts on the client computer, only the client installs

Only the font of the seed font can be correctly displayed. Otherwise, only the "" character is displayed. Therefore, do not use special

Font.

Font face = // @ 正 if you have not installed the font, read it now

It is still

You can set many parameters in some tags, which are separated by spaces. These settings parameters are placed in different

In the tag, the function range is different. The default system parameters are: Standard simplified Chinese characters, font size 3,

The Background WHITE (ffffff), the color black (000000), and the row height are equal to the word height. To change these parameters, you must reset them.

Setting parameters in [body] will take effect on the entire page, that is, until/body;

For example, if the parameter is placed in the font, the function scope is until/font; if the parameter is placed in the DIV, the function scope is until/Div.

If a parameter is set beyond the scope of its function, it is still executed based on the default parameter or a parameter with a larger scope of function.

For example, body bgcolor = ddffee text = 0000ff style = font-size: 14px; line-Height: 140%>

This lineCodeThe "bgcolor = ddffee" background is set to slightly green, and the "text = 0000ff" text is blue;

"Style = font-size: 14px; line-Height: 140%" font size: 14 dot matrix, with a Row Height of 140%

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.