This article will organize some of the features of html tags and html tags for you. I hope it will be helpful for everyone to learn html-related knowledge. Interested friends should learn together. First of all, you should know some of the characteristics of html tags:
1. Similar to <keyword>, it consists of angle brackets and keywords, such as <html>, <div>...
2. Generally, it appears in pairs, and the start tag is similar to the <div> element content</div>. The left tag is called the start tag, and the right</> is called the end tag, with a beginning and an end, except for some, which are single closed tags.
First remember some single closed tags with individual exceptions, such as:
| <meta /> | Set page information | <param /> | Provide parameters for <object> or <applet> containing it | |
| <br /> | Line break | <keygen /> | Define the generated key | |
| <hr /> | Horizontal line | <source /> | Define media sources for media elements such as <video> or <audio> | |
| <area /> | Image show area | <col /> | Define attribute values for one or more columns in a table | |
| <input /> | Form elements, type different input fields have different forms | <frame /> | Define a specific window (frame) in a frameset | |
| <link /> | Link style sheet | <embed /> | Define embedded content, such as plugins | |
| <basefont /> | Define the base font, html5 does not support the <basefont> tag, does not support the use of | ...... |
The following are the tags classified according to different effects:
1. Font effect
| <h1>…</h1> | Title 1 (maximum) fonts become smaller at the same time, and web pages generally go from h1 to h4, and they will not be used after h4. | <s>…</s> | Delete line | |
| <h6>…</h6> | Title 6 (minimum) | <del>…</del> | Strike line (indicates deletion) | |
| <b>…</b> | Bold text | <kbd>…</kbd> | Keyboard text | |
| <strong>..</strong> | Bold text (emphasis) | <tt>…</tt> | Font | |
| <i>…</i> | Italics | <xmp>…</xmp> | Fixed width font (Effective in file blank, line break, and positioning functions) | |
| <em>…/em> | Italics (emphasis) | <plaintext>…</plaintext> | Fixed width font (no marker symbol execution) | |
| <dfn>...</dfn> | Italics (represents definition) | <listing>…</listing> | Fixed width small font | |
| <u>…</u> | Bottom line | <font color=00ff00>…</font> | Font color (it is also OK to write it as color=#00ff00) | |
| <ins>...</ins> | Bottom line (represents insert text) | <font size=1>…</font> | Minimum font | |
| <strike>…</strike> | Horizontal line | <font style=font-size:100 px></font> | Infinite enlargement (font size is 100px) |
2. Zone break mark
| <hr /> | Horizontal line | <nobr>…</nobr> | No line wrapping is prohibited, No Break abbreviation | |
| <hr size=9 /> | Horizontal line (set size) | <p>…</p> | paragraph | |
| <hr width=80% /> | Horizontal line (set width) | <center>…</center> | Center the text it encloses | |
| <hr color=00ff00 /> | Horizontal line (set color) | |||
| <br /> | Line break |
3. Link
| <base href=address> | Specify a default address or default destination for all links on the page | <a href=address target=_top></a> | Specify the URL of the hyperlink target (full window connection) | |
| <a href=address></a> | Specify the URL of the hyperlink target | <a href=address target=page frame name></a> | Specify the URL of the hyperlink target (connect in the specified page box) | |
| <a href=address target=_blank></a> | Specify the URL of the hyperlink target (open a new window) |
4. Image/Music
| <img src=image address/ | Post pictures to the web page | <img src=image address border=1 /> | Set the picture border of the sticker | |
| <img src=image address width=180 /> | Set the picture width of the post | <bgsound src=MID music file address/ | Background music settings | |
| <img src=image address height=30 /> | Set the image height of the post |
5. Table
| <table alig=left>…</table> | Table position, set left | <table cellpadding=parameter>…</table> | Specify the distance between the grid line and the network line (using numbers) | |
| <table aring=center>…</table> | The table position is centered | <table cols=parameter>…</table> | Specify the number of columns in the table | |
| <table background=image path>…</table> | The URL of the background image is the path URL | <table frame=parameter>…</table> | Set the display method of the outer border lines of the table | |
| <table border=Border size>…</table> | Set the table border size (using numbers) | <table width=width>…</table> | Specify the table width size (using numbers) | |
| <table bgcolor=color code>…</table> | Set background color of table | <table height=height>…</table> | Specify the table height size (using numbers) | |
| <table bordercolor=color code>…</table> | Set the color of the table border | <td colspan=parameter>…</td> | Specify the number of columns in the storage merging column (using numbers) | |
| <table bordercolordark=color code>…</table> | Set the color of the dark border of the table | <td rowspan=parameter>…</td> | Specify the number of columns to merge columns in the storage grid (using numbers) | |
| <table bordercolorlight=color code>…</table> | Set the color of the bright border of the table |
6. Split window
| <frameset col=20%,*> | Split left and right, split the left frame to 20%, the browser will automatically adjust the size of the right frame | <comment>…</comment> | Add comments | |
| <frameset rows=20%,*> | Split up and down, split the upper frame to 20%, and the browser will automatically adjust the size of the lower frame | <dd>…</dd> | Set the item description of the definition list | |
| <frameset cols=20%,*> | Split the left and right frames | <dfn>…</dfn> | Display definition text | |
| <frameset cols=20%,*,20%> | Split the three frames on the left, center and right | <dir>…</dir> | List text label | |
| <frameset rows=20%,*,20%> | Split the upper, middle and lower frames | <dl>…</dl> | Set the volume label for the definition list | |
| <!--…--> | annotation | <dt>...</dt> | Define items in the list | |
| <a href target> | Specify the split window for the hyperlink | <em>…</em> | Use of emphasis | |
| <a href=#Anchor Name> | Hyperlink to specify anchor name | <font face> | Specify any shape used | |
| <a href> | Specify a hyperlink | <font size> | Set the font size | |
| <a name=name of anchor> | The name of the linked point | <form action> | set up | |
| <address>…</address> | Used to display email address | |||
| <b>…</b> | Bold text | |||
| <base target> | Specify the split window for the hyperlink | |||
| <bgsound src> | Add background music | |||
| <big>…</big> | Present large font effect | |||
| <blink> | Shows a flashing string or text (not supported by IE) | |||
| <body text link vlink> | Set text color | |||
| <body>…</body> | Show this article | |||
| <br /> | Line break | |||
| <capition align> | Set the table title position | |||
| <caption>…</caption> | Add a title to the table | |||
| <center>…</center> | Center the surrounding text, html5 does not support this tag | |||
| <cite>…<cite> | Text used to quote classics | |||
| <code>…</code> | Used to list a piece of program code |