HTML language analysis: typesetting markup

;

;
;

---

; ;

 ; <div> ; <nobr> ; <wbr></wbr>■<!--Annotations-->: ▲Top<br>Like many computer languages, HTML files also provide annotation functions. The browser will ignore the text in this tag (it can be many lines) without displaying it. The general purpose of use: <br>Add descriptions to different parts of the text to facilitate future modifications. <br>This is especially important for more complex or non-private web pages. It not only reminds yourself, but also reminds your colleagues what this part does and what that part does. <br>Example: <br><!--Starting from here is the product order form--><br> is used as a copyright statement. <br>If you don’t want others to use or copy your webpage, you can add a warning word. <br>Example: <br><!--The copyright of this article is 1998, Creation of Webpage. Please do not copy without permission--><br>■ <p>: ▲Top<br></p>
<p> is called a paragraph mark . Function: Leave a blank line between words, paintings, tables, etc. <br>Originally </p>
<p> is a closing tag, marked at the beginning and end of a paragraph, but starting from HTML 2.0, there is no need for </p> to end. <br><p> Common parameters: For example: </p>
<p align="center"><br>align="center" <br>Optional values: right, left, center. <br>Default value: align="left" <br>Example: Source codeHere is the text for my paragraph. It does't matter how long it is, <br>how many space are between the words or when I decide to hit the return key. <br>It will create a new paragraph only when I begin the tag with another one. <br></p>
<p>Here's the next paragraph. <br>Showing resultsHere is the text for my paragraph. It does't matter how long it is, how many space are between the words or when I decide to hit the return key. It will create a new paragraph only when I begin the tag with another one. <br>Here's the next paragraph.<br><br>■ <br> ： ▲Top<br> is called a newline mark. Function: Make words, pictures, tables, etc. appear on the next line. <br>Since the browser automatically ignores blank spaces and line breaks in the source code, <br> becomes one of the most commonly used tags. Because no matter how beautiful the article you have compiled in the source code, if you do not add line breaks or paragraph marks appropriately, the browser will only display it as one large paragraph. <br>Error example: (The post office will not accept an address that exceeds one line) Source code 566 E Boston Post RD <br>Mamaroneck NY 10543-9982 <br>United States of America <br>Result 566 E Boston Post RD Mamaroneck NY 10543-9982 United States of America <br><br> Correct example: Original code 566 E Boston Post RD <br><br>Mamaroneck NY 10543-9982 <br><br>United States of America <br>Result 566 E Boston Post RD <br>Mamaroneck NY 10543-9982 <br>United States of America <br><br>■ </p>
<hr>: ▲Top<br><hr> is called the horizontal line. Function: Insert a horizontal line. <br><hr> Parameter modification: <br>Take: <hr align="LEFT" size="2" width="70%" color="#0000FF" noshade> as an example. <br>align="LEFT" <br>Set the line placement position, you can choose from three settings: left; right; center. <br>size="2" <br>Set the line thickness in pixels, the default is 2. <br>width="70%" <br>Set the line length, which can be an absolute value (in pixels) or a relative value. The default is 100%. <br>color="#0000FF" 『Only applicable to IE』 <br>Set the line color, the default is black. #0000FF represents blue, and you can also use the name of the color, that is, text="blue" . <br>noshade <br>Set the line to be displayed as a plane. If deleted, it will have a shadow or a three-dimensional shape. This is the default value. <br>Example: Source code<hr> <br><hr align="LEFT" size="4"> <br><hr align="LEFT" size="2" width="70%" color="#0000FF " noshade> <br><hr align="LEFT" size="4" width="70" color="#008000"> <br>Show results <br>----------------------------- -------------------------------------------------- ------------------<br>---------------------------------- ----------------------------------------<br>---- -------------------------------------------------- --------------------------<br>---------------------- -------------------------------------------------- -------<br><br>■ <center>: ▲Top<br><center> is called the center mark. Function: Display words, pictures, tables, etc. in the middle. <br>This tag was originally defined by Netscape, and later other browsers supported it. However, you will find that many tags already have the parameter align="CENTER". <center> seems redundant. In fact, it is still one of the commonly used tags. , it is simple and easy to use, and is often used in text. For <table> tags with align="CENTER" parameters, you must also take the trouble to add a center tag, because many browsers do not support the <table> tag. align="CENTER" parameter. <br>Example: Source code<center>Chris's First Homepage</center> <br><center>What's new</center> <br><center>My profile</center> <br>Result Chris's First Homepage <br>What's new <br>My profile <br> <br>■ <pre class="brush:php;toolbar:false">: ▲Top<br><pre class="brush:php;toolbar:false"> is called the default format tag. Function: Display the files according to the arrangement of the source code. <br>This tag allows you to preserve the whitespace and returns you entered in the source code. Take a closer look at the following examples to appreciate the power of this markup. You can only achieve this effect by using this tag instead of using a bunch of table tags. <br>It is best if you can use the <pre class="brush:php;toolbar:false"> tag to produce an effect, or produce more than one line of blank space! <p>The above is the content of HTML language analysis and layout markup. For more related articles, please pay attention to the PHP Chinese website (www.php.cn)! </p><p><br></p>