HTML Tag, simple induction, html Tag Induction

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.