"Html_ label Daquan"

Source: Internet
Author: User
Tags html form

HTML Tags Daquan
Label Describe Label type Note Differences in block level, inline block, row
<!--...--> Defining annotations / Single label Block-level elements:

* Exclusive line, Width automatically fills;

* Width, height property can be set;

* Set the width is also the exclusive line,

* can set margin, padding properties;

Inline elements:

* Not exclusive row, adjacent inline elements in a row,

Wrap lines until rows are not lined

* Its width varies with the content;

*width, height property is invalid;

* The margin and padding properties of the elements in the line are strange,

Horizontal left, RIGTHT will produce a margin effect,

However, the vertical top and bottom have no margin effect.

Inline block elements:

* Similar to inline elements, it also varies width based on content

But he can change the width.

<! DOCTYPE> Defining Document Types / Single label
Document title and other information that is not displayed on the Web page Block-level elements Double label
<body></body> Defining the document content body Block-level elements Double label
<title></title> Defining the title of a document / Double label
Defines the header of the content Block-level elements Double label H5
<footer></footer> Define footer for content Block-level elements Double label H5
<nav></nav> Define navigation for content Block-level elements Double label H5
<style></style> Define style information for a document / Double label
<link> Define the relationship between a document and an external resource / Single label
<meta> Defining meta-information for HTML documents / Single label
Title Word size (H1~H6) Block-level elements Double label
<b></b> Bold characters In-line elements Double label
<strong></strong> Bold words (emphasis) In-line elements Double label
<i></i> Italic Word In-line elements Double label
<em></em> Italic Word (accent) In-line elements Double label
<center></center> Center text Block-level elements Double label
<ol></ol> Ordered list Block-level elements Double label
<ul></ul> Unordered list Block-level elements Double label
<li></li> List items Block-level elements Double label
<a href= "..." ></a> Hypertext links In-line elements Double label
<font></font> Define text font size, color, size In-line elements Double label
<sub></sub> Subscript In-line elements Double label
<sup> </sup> Superscript In-line elements Double label
<br/> Line break In-line elements Single label
<p></p> Paragraph Block-level elements Double label
<pre></pre> Pre-formatted text Block-level elements Double label
<map></map> Defines an image map. Inline block elements Double label
<table></table> Defining tables Block-level elements Double label
<th></th> Define table header cells in a table / Double label
<tr></tr> Define rows in a table / Double label
<td></td> Define columns in a table / Double label
<form></form> Define an HTML form for user input Block-level elements Double label
<frame> A window or frame that defines the frameset. / Single label
Defining images Inline block elements Single label
Horizon Block-level elements Single label
<aside></aside> The label defines what is outside of its content. Block-level elements Double label H5
<button></button> Define Button Inline block elements Double label
<input/> Defines the input control. Inline block elements Single label
<script></script> Define client script. Inline block elements Double label
<del></del> Defines the text to be deleted. Fast element in line Double label
<rt></rt> Defines the interpretation of Ruby annotations. In-line elements Double label H5
<ruby><ruby> Define Ruby annotations. In-line elements Double label H5
<textarea> </textarea> A text input control that defines multiple lines. In-line elements Double label
<video></video> Define videos, such as movie clips or other video streams. / Double label H5
<canvas></canvas> Define graphs, tables, and other images. Double label H5
<fieldset></fieldset> You can group related elements within a form. Block-level elements Double label

"Html_ label Daquan"

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.