HTML basic Element (i)
1. Line Break
<br/>
Ps:BR is the abbreviation for newline (break), where the text wraps around the label.
Instance:
First row </> second row
2. Paragraph
<p> This is a paragraph </p>
Description
Property |
Description |
Align |
Line Alignment (Left,center,right) |
Instance:
< P > This is the first paragraph </p><p> This is the second paragraph </ p><p> This is the third paragraph </p >
3. Title
Ps:
Instance:
<H1>Title 1</H1><H2>Title 2</H2><H3>Title 3</H3><h4>Title 4</h4><h5>Title 5</h5><h6>Title 6</h6>
4. Horizontal Line
The element can be used to delimit content.
Description
Property |
Description |
Size |
Specify the thickness of the line (PX) |
Width |
Specify the length of the line (PX or%) |
Align |
Line Alignment (Left,center,right) |
Instance:
<size= "5" width= "50%" align= "center" />
5. Formatting of text
<b> define bold text </b>
<i> Define Italic text </i>
<s> Define Delete text </s>
<del> Define Delete text </del>
<u> Define underlined text </u>
<sup> define superscript words </sup>
<sub> define subscript Words </sub>
6. Pre-formatted text
The <pre> tag preserves the formatting of the text in the source code, making the content displayed in the page consistent with the formatting in the source code.
Instance:
< Pre > Dawn Spring Sleep don't feel xiao, everywhere smell cry bird. The night comes the wind and rain, the flowers fall to know how much. </pre>
7. Fonts
<font> This is a paragraph of text </font>
Description
Property |
Description |
Size |
Define font Size |
Face |
Defining fonts |
Color |
Define Font Color |
Instance:
<size= "5" face= "Arial" color= "Red"> it's a text. </font>
Ps: Three ways of color expression
1.16 Binary mode: #000000, #ffffff
2. Word mode: Red, green, Blue
3.RGB mode: rgb (10,20,30) 0-255
8. Links
<a href= "http://~" > External links </a>
<a href= "~.html" > Internal links </a>
<a href= "mailto: email address" > Mail link </a>
<a href= "Tel: phone number" > one-click Dialing </a>
<a href= "SMS: Mobile Number" > One-click Send SMS </a>
Description
Property |
Description |
Href |
Define a link address |
Title |
Link Tip Information |
Target |
Link open mode (_self,_blank,_top) |
Ps:_self opens in the current browser window
_blank opens in a new window
_top Open in top frame
9. Anchor Point
The anchor label is used to "jump" the user to a portion of the document.
<a href= "#位置名" > ~ </a>
(This label is placed on the starting place)
<a name= "Location name" > ~ </a>
(This label is placed at the destination)
Instance:
<Body> <aname= "Top"></a> <BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><br/><br/><br/>
<BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><br/><br/>
<ahref= "#top">Back to Top</a></Body>
10.HTML Comments
You can insert comments into HTML code, which improves readability and makes your code easier to understand.
Proper use of annotations can help in future code editing efforts.
HTML Comment Quick Build mode: Check target +Ctrl+/
such as:<!--This is a comment-
Extension: Two slash (//) is a JavaScript comment symbol
such as://This is a comment
HTML basic Element (i)