HTML Tag, simple induction, html Tag Induction
List tag
Ordered list:
<Ol> <li> </ol>
Unordered list:
<Ul> <li> </ul> // attribute: font-weight font width
Table:
<Table>
<Thead> <tr> <td> </tr> </thead> // td column of the tr row
<Tbody> <tr> <td> </tr> </tbody>
</Table>
HTML5 new tag
1. <figure> </figure> // draw a tag similar to a photo wall
Eg: <figure>
<Figcaption> orange </figcaption> // figcaption is the title of figure.
<P> This is an orange. </p>
</Figure>
2. <section> </section> // display of news and content
Eg: <section>
<Nav> </nav>
<Figure> </figure>
<Div> </div>
</Section>
<Datalist> </datalist> // when you enter a name similar to or identical to the input name, the option similar or identical to the input name is displayed.
Eg: <input type = "text" list = "searchList"/>
<Datalist id = "searchList">
<Option value = "10086"> China Mobile customer service hotline <option>
<Option value = "10010"> China Unicom customer service hotline <option>
<Option value = "10000"> China Telecom Customer Service Hotline <option>
</Datalist>
<Details> </details> // fold the style label
Eg: <datails>
<Summary> Torrential Rain in Wuhan </summary>
Today, the city of Wuhan suddenly experienced a heavy rain, which caught the residents off guard!
</Datails>
Audio and video // audio and video tags
Controls
Autoplay automatic playback
Loop Single loop
Preload
Source can replace src
Eg: <audio loop autoplay controls muted preload>
<Source src = "tq.ogg" type = "audio/ogg">
<Source src = "tq1_" type =" audio/mpeg ">
<Source src = "tq.wav" type = "audio/wav">
</Audio>
<Video poster = "../img/I .jpg" src = "" loop autoplay controls muted preload> // poster click the first picture displayed in the video.
</Video>
<Form> </form> form
Eg: <form action-"" method = "post"> </form>
Action submission path
Method submission method, which can be post or get. I have explained the differences between the post and get submission methods in a previous article.
<A> </a> hyperlink tag
Eg: <a href = "http://www.baidu.com"> </a>
Other usage: <a href = "# mao"> who are you? (Click to get the answer !) </A>
<Div id = "mao">
Answer: I don't know. Hahaha!
</Div>
<Em> </em> <I> </I> // all indicate italics.
<Sup> </sup> // superscript and subscript
The above is only part of the HTML tag, which is simply summarized. If any error occurs, please forgive me. Please help me to point it out. Thank you!
When new users are on the road, please take care and smile