HTML thorough analysis (4) Typesetting mark

Typesetting mark

<!--annotation--><P><BR><HR>;<CENTER>; <PRE><DIV><NOBR><WBR>; To understand this "HTML thorough analysis" of the mark classification, please see " Mark List ". Please also understand the distinction between containment and empty tags, see "HTML concept ."

<!--notes: ▲top

Usage: Used to insert some comments and explanatory languages that are not displayed in the browser Start/End Identification: must/must Properties: No Null: Allow Note: Its content length does not need to be limited to one line, can be arbitrary length. End identity and start identification can not be on a single line. Like many computer languages, HTML also provides annotation functionality. The browser ignores the text in this tag (which can be many rows) without displaying it for general purposes: Add a description to the different parts of the article to facilitate future modification. This is especially important for more complex or private pages, not just reminding yourself of what the other colleagues are doing and what that part does. Example: <!--Starting here is the product order form--> used as a copyright notice. If you do not want someone else to use or copy your Web page, add a warning phrase. Example:<!--copyright of this article, fortuneage all, without permission, do not copy-->

<P>: ▲top

Usage: Define a paragraph Start/End ID: must/optional Properties:%coreattrs,%i18n,%events Align= "..." is opposed. Used to control alignment (left, right, center, justify) Null: Not Allowed <P> is called a paragraph mark . Function: Leave a blank line. Originally <P> is a containment mark, marked at the end of a paragraph, but no </P> is required to begin with HTML 2.0. <P> Common parameters: such as: <p align= "center" > Align= "center" Optional value: Right, left, center. Default value: align= "Left" Example: Original code This is the text for my paragraph. It does ' t matter how long it is, How many spaces are between the words or when I decide to hit the return key. It'll create a new paragraph only if I begin the tag with another one. <P> Here ' s the next paragraph. Show results This is the text for my paragraph. It does ' t matter how-long it is, how many spaces are between the words the "I decide to hit the" Return key. It'll create a new paragraph only if I begin the tag with another one. Here ' s the next paragraph.

<BR>: ▲top

Usage: Force One line of text to break Start/End Identification: must/must Properties:%coreattrs,%i18n,%events Clear= "..." sets the starting position of the next paragraph after a floating object (none, left, right, all) Null: Not Allowed <BR> is called a newline tag . Function: Make subsequent content appear on the next line. Because the browser automatically ignores whitespace and line-wrapping parts of the original code, this makes <BR> one of the most commonly used tags. Because no matter how beautiful the article is in the original code, if you add a newline or paragraph mark inappropriately, the browser will only display it as a large segment. Error Demonstration: Original code 566 E Boston Post RD Mamaroneck NY 10543-9982 United States of America Show results 566 E Boston Post RD mamaroneck NY 10543-9982 United States of America Correct example: Original code 566 E Boston Post RD <BR> Mamaroneck NY 10543-9982 <BR> United States of America Show results 566 E Boston Post RD Mamaroneck NY 10543-9982 United States of America

<HR>: ▲top

Usage: A horizontal split line used to divide a page into parts Start/End identification: mandatory/illegal Properties:%coreattrs,%events Align= "..." is opposed. Control alignment (left, right, center, justify) Noshade= "..." to show a solid dividing line Size= "..." is opposed. Control the size of the dividing line Width= "..." is opposed. Control the width of the dividing line Null: Allow <HR> is called horizontal line. Action: Inserts a horizontal line. <HR> Parameter modification: To: align= "Left" size= "2" width= "70%" color= "#0000FF" noshade> As an example. align= "Left" Set the line position, you can choose: Left;right;center three sets of values. size= "2" Set the thickness of the line in pixels as the unit, the default is 2. width= "70%" Set line length, in pixels, can be absolute or relative values, the default is 100%. Color= "#0000FF" (ie only) Set the line color, the default is black. The #0000FF represents blue, or it can take the name of the color, text= "Blue." For a variety of color values and names, refer to the " color palette principle " section. NoShade Set the line for the plane display, if deleted is shaded, this is the default value. Example: Original code <HR> Show results

<CENTER>: ▲top

<CENTER> is called a center tag . function: Align in the alignment. You will find that many of the tags already have align= "CENTER" parameter,<center> seems to be superfluous, in fact it is still one of the commonly used tags, its simple and easy to use, commonly used in words, for the added align= " Center "<TABLE> tag of the parameter do not bother to add the center tag, because many browsers do not support the align=" center "parameter in the <TABLE> tag. Example: Original code <center>chris ' s homepage</center> <center>what ' s new</center> <center>my profile</center> Results Chris ' s homepage What ' s new My profile

<PRE>: ▲top

Usage: Display the preformatted text Start/End Identification: must/must Properties:%coreattrs,%i18n,%events Width= "..." Specifies the width of the formatted text Null: Not Allowed <PRE> is called a preset format tag . Function: Make text appear in the way the original code. This tag allows you to keep the blanks and carriage returns you entered in the original code. You can appreciate the power of this mark by examining the following examples. In addition to using a lot of table tags you can only use this tag to have this effect. 　　It is superior to have the alignment effect with <PRE> mark, or to produce more than one line of blank! Example: Original code <pre> creation of webpage Log analysis I Composer Learning 459 407 522 547 586 673 HTML Advanced 200 268 296 358 385 453 506</pre> Show results Creation of webpage Log analysis I Composer Learning 459 407 522 547 586 673 HTML Advanced 200 268 296 358 385 453 506

<DIV>: ▲top

<DIV> is called a locator tag . Role: Set the text table and so on placement position. <DIV> applies more power in style Sheet (style sheet), its ultimate goal is to give designers another kind of organizational ability, have Class; Style; title; ID, and so on, will be detailed in the "Style Sheet" section, where only one attribute is set. Take <div Align= "center" > For example: Align= "center" Optional value: center; Left; Right. Determines the alignment direction. <div Align= "center" > The Role and center tag <CENTER>, the former is a standard from the HTML3.0, the latter is a long universal notation. Example: Original code <div align= "center" >chris ' s homepage <br>what ' s new <br>my profile</div> Show results Chris ' s homepage What ' s new My profile

<NOBR>: ▲top

<NOBR> is called No Line wrap tag . Function: Make text cannot be wrapped for too long. It is particularly useful for residential addresses, mathematical formulas, and a line of numbers. Example: (of which Chris ' s creation of webpage will not be separated and displayed Yutong row. ） Original code If you are want to know how to create your own homepage quickly, don ' t Miss <nobr>chris ' s creation of WEBPAGE</NOBR> ; Which'll help you a lot. Show results If you are want to know how to create your own homepage quickly, don ' t Miss Chris ' s creation of webpage which'll help you a lot.

▲top

<WBR> known as . Function: Preset line change position. It does not violate the responsibility of <BR>, just make recommendations, if the viewer's display resolution is high enough, then it will not wrap. Example: (without <WBR> tag, the entire URL will display the next line.) original code please visit my other homepage which locate at http://www.geocities.com/SiliconValley/<WBR>Sector/8234/ Index.html There are many softwares for download. I'll really love this place. please visit my other homepage which locate at http://www.geocities.com/SiliconValley/ sector/8234/index.html There are many softwares for download. I'll really love this place.