HTML Common tags usage and examples

Source: Internet
Author: User
Tags button type

HTML Common tags usage and examples
1.<!--1.
2.<!--2.DOCTPYE declaring document type --
3.<!--3.a--><a href= "http://www.baidu.com/" > Baidu </a><br> <!--hyperlink Label--
4.<!--4.address <address>The tag defines the contact information for the author/owner of the document or article.
If the <address> element is inside a <body> element, it represents the document contact information.
If the <address> element is within the <article> element, it represents the contact information for the article .-->
<address>
Contact <a href= "http://www.baidu.com/" > Baidu </a><br>
<br>
Time:<br>
</address>
5.<!--5.article <article>The label specifies a separate self-contained content. -
<article>
<p>, the world's largest Chinese search engine, is committed to making it easier for netizens to get information and find what they are seeking. </p>
</article>
6.<!--6.aside <aside>The label defines what is outside of its content. -
<p>123123</p>
<aside>
<p> I am also content outside of the text </p>
</aside>
7.<!--7. Audio video--<audio>Labels define sounds, such as music or other audio streams.
<audio src= "/i/horse.ogg" controls= "controls>

</audio>
-
8.<!--8.b text Bold --
<p> Plain Text--<b> bold text </b></p>
9.<!--9.big --
<big> Large Fonts </big><br>
10.<!--. Body BODY element defines the body of the document--
11.<!--A. BR to wrap text--

12.<!--12.button <bubtton>The label defines a button. -
<button type= "button" > click Pick </button>
13.<!--13.center to horizontally center the text that it contains. -
14.<!--14.dl DD DT <dd> define the definition section of the entry in the definition list. -
<dl>
<dt> Computers </dt>
<dd> instruments used for calculation ... ...</dd>
<dt> Display </dt>
<dd> devices for visually displaying information ... ...</dd>
</dl>
15.<!--15.del ins <del> defines the text that has been deleted in the document. The <ins> tag defines the text that has been inserted into the document. -
<p> Do you call <del> Zhang 3</del><ins> John Doe </ins>? </p>
16.<!--16.div P H1-h6 Div is the block tag P is the paragraph label H1-h6 is the title tag according to the value of H followed by the size --
17.<!--17.em span I strong <em> defines text as an emphasis. <span> tags are used to combine inline elements in a document.
<i> Labels Display italic text effects. <strong> defines text as a stronger accent.
-
<em> emphasis on text content </em>
<p><span> inline elements in a combined document </span> Hello </p>
<i> Italic text </i><br>
<stong> Content Important </strong>
18.<!--18.footer nav <footer> label define the footer of the document or section. <nav> tags define part of the navigation link .-->
<footer>
<p> Contact e-mail: <a href= "Mailto:[email protected]" >[email protected]</a></p>
</footer>
<nav>
<a href= "http://www.baidu.com" > Baidu </a>|
<a href= "http://www.douyu.com" > Fighting Fish </a>
</nav>
19.<!--The 19.ifram iframe element creates an inline frame (inline frame) that contains another document. -
20.<!--20.hr html-- -
21.<!--21.img input label--imgimg element embeds an image into the Web page.
<input>--Form Labels
the <label> tag defines the callout (tag) for the INPUT element.
-
<br>

<label for= "male" > Male </label>
<input type= "Radio" name= "Sex" id= "male" >
<input type= "Submit" Name= "Submission" >
22.<!--22.ol ul li <ol> sequential table <ul> unordered list <li> list items --

23.<!--23.link Script <link> tags The most common use is to link style sheets. <script> tags are used to define client-side scripting, such as JavaScript. -
24.<!--24.select option <select> elements to create a single or multi-select menu. The <option> tags in the <select> element are used to define the options available in the list. -
<select name= "" >
<option value= "" > Please select </option>
<option value= "" > Option one </option>
<option value= "" > Option two </option>
<option value= "" > Option three </option>
<option value= "" > Option four </option>
</select>
25.<!--25.textarea <textarea> tags define multiple lines of text input controls. -
<textarea></textarea>

Resize prohibit stretching text boxes

Outline suppress the selected color of the text box

HTML Common tags usage and examples

Related Article

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.