HTML language analysis 5: font mark

HTML language analysis-5 ▲ top

5. Font mark

<Strong> <B> <I> <em> <var> <cite> <dfn> <address> <Tt> <SAMP> <code> <KBD> <u> <strike> <big> <small> <sup> <sub> <H1> <H2> <Font> <basefont>

■ Entity tag and logical Tag: ▲Top

In this section, you must first specify the differences between the object tag and the logical tag. Otherwise, you may wonder why different tags have the same effect. The two are divided into the following two parts: OBJECT tags have a fixed display effect, while logical tags vary with browsers. For example, <EM> the text marked by different browsers may not have italic effects, but may be bottom line, bold, or reversed, therefore, this section describes their effects in IE and NC.   Multiple entity tags can also be used to mark the same sentence. Logical tags are generally not used to display multiple tags in the old browser. For example, when two logical tags <EM> and <STRONG> both mark a word, the old browser often loses its role.   Entity tags include: <I> <B> <U> Logical tags include: <STRONG> <EM> <VAR> <CITE> <DFN> <ADDRESS> <CODE> <KBO> <SAMP> <TT> If the results are true, it is better to mark them with entities.

■ <STRONG> <B>: ▲Top

Both of them can produce a bold font effect, but it must be noted that when the file is set to gb2312 encoding, the text marked by the two will not show the BOLD effect on Netscape netvigator. Example: (the first line is marked with no font for comparison) HTML Source Code) Browser display result Creation of Webpage <Br> <STRONG> Creation of Webpage </STRONG> <Br> <B> Creation of Webpage </B> Creation of Webpage Creation of Webpage Creation of Webpage

■ <I> <EM> <VAR> <CITE> <DFN> <ADDRESS>: ▲Top

These tags are italic in Internet Explorer, and only </dfn> Netscape netvigator is useless. Only <address> is special. because it includes the line feed effect, you do not need to add the <br> mark before it. Example: HTML Source Code) Browser display result <I> Creation of Webpage </I> <Br> <EM> Creation of Webpage </EM> <Br> <VAR> Creation of Webpage </VAR> <Br> <CITE> Creation of Webpage </CITE> <Br> <DFN> Creation of Webpage </DFN> <ADDRESS> Creation of Webpage </ADDRESS> Creation of Webpage Creation of Webpage Creation of Webpage Creation of Webpage Creation of Webpage Creation of Webpage

■ <TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB> ▲Top

In order to facilitate comparison and recognition, we will mark ten items for introduction. <TT> <SAMP> <CODE> <KBD> Each letter can have an equal width and the distance between each letter is slightly higher. But this is not true for NC. <U> it is the bottom line mark. Some special browsers do not support it, and the link may be confused due to concerns. <STRIKE> added the strikethrough mark. <BIG> increase the font size. <SMALL> reduce the font size. <SUB> is a subscript, <SUP> is an upper mark, and only the mathematical mark is left. Example: (the first line is marked with no font for comparison) HTML Source Code) Browser display result Creation of Webpage <Br> <TT> Creation of Webpage </TT> <Br> <SAMP> Creation of Webpage </SAMP> <Br> <CODE> Creation of Webpage </CODE> <Br> <KBD> Creation of Webpage </KBD> <Br> <U> Creation of Webpage </U> <Br> <strike> creation of webpage </strike> <Br> <big> creation of webpage </big> <Br> <small> creation of webpage </small> <Br> 12345 <sub> 7 </sub> 6789 <sup> 9 </sup> Creation of webpage Creation of Webpage Creation of Webpage Creation of Webpage Creation of Webpage Creation of Webpage Creation of Webpage Creation of Webpage Creation of Webpage 123457 67899

■ <H1> <H2> ▲Top

These are title tags, which gradually decrease from Example: Original code <H1> header Level 1 <H2> header Level 2 </H2> <H3> header Level 3 <H4> header Level 4 </H4> <H5> header Level 5 </H5> <H6> header level 6 </H6> Display result Header Level 1 header Level 2 header Level 3 header Level 4 header Level 5 header level 6

■ <Font> <basefont>: ▲Top

In this section, only the two tags have parameter settings, and the parameter settings are the same. They are used to set the size, shape, and color of the text, see the following comparison: <BASEFONT> can be used to start a file, that is, the position between <HEAD> and </HEAD>, which affects the full-text sentence and is an empty mark, used to change the font display value. <FONT> is the internal part of the file, that is, the position between <BODY> and </BODY>. It only affects the words marked and is a blocking mark. The two tags can exist at the same time. Only words not marked by <FONT> are directly affected by <BASEFONT>, while <FONT> is also affected by <BASEFONT>. <FONT> parameter settings: Example: <font face = "Arial" size = "+ 2" color = "#008000"> Creation of Webpage </font>   Face = "Arial" Set the font of the text. Arial is a commonly used font. Do not use a font other than the built-in shape of the Window. If no Chinese webpage is set to Gb2312 Encoding, Netscape Netvigator does not display any Chinese characters specified by this flag. Size = "+ 2" Set the text size. The value can be absolute or relative, The absolute meaning is to mark the size of the text, which is not affected by <BASEFONT>, as shown in Size = "5" indicates that the size is 5, while the value in html is 3, that is, size = "3" is the same as that in html. The relative meaning is to increase or decrease the size series on the basis of the specified value 3. For example, size = "+ 2" is equivalent to the size = "5" of the representation ", however, if <BASEFONT size = "n"> is set, the actual size of the system is n + 2, not 3 + 2. <BASEFONT> only absolute notation is supported. Color = "#008000" Set the text color. #008000 indicates green Example: Original code <Font size = "+ 1"> I love Creation of Webpage </font> <Br> <font size = "+ 2" color = "#800080"> I love Creation of Webpage </font> <Br> <font face = "Times New Roman" size = "5" color = "#008000"> I love Creation of Webpage </font> Display result I love Creation of Webpage I love Creation of Webpage I love Creation of Webpage