First, the basic concept
HTML (Hypertext Markup Language) Hypertext Markup Language, a markup language used to describe Web documents, XHTML is a new version of HTML that follows stricter XML rules, a new XML-compatible version of HTML called XHTML.
<! The doctype> declaration must be the first line in the HTML document, before the
Two Broad framework
<title> title of the text </title>
<body> What to display on the page ... (You can set parameters with various labels) </body>
Use META tags to provide information about Web pages
<meta charset= "UTF-8" > Settings page using UTF-8 encoding
HTML tag syntax:
1, double mark:< start tag > content </end tag >. Example:<font> Xinhua </font>, <title>...</title>
2, single Mark:< mark >. Example:
3. Tagged attribute:< Tag Property 1 = parameter Property 2 = parameter ...> content </tag >. Example: <font size= "5" color= "Red" ><b> Xinhua news </b></font>.
Three Label classification
1,Document Tags (10a):,,<body>,<title>,<meta>,<base>,<style>,<link>,<script>,<noscript>
2, frame label (4 ):<frame>,<frameset>, <iframe>,<noframes>
3. layout Label (1 ):<div>
4. Table Label (8 ):<table>,<thead>,< Tbody>,<tfoot>,<tr>,<td> ,<th><caption>
5,Form labels (10a):<from>,<input>,<textarea>,<button>,<select>,<optgroup>,<option>,<label>,<fieldset>,<legend>
6, list label (6 ):<ul>,<ol>, <li> , <dl> , <dt> , <dd>
7. Link Label (1 ):<a>
8, Multimedia tags (3 ):,<map>, <area>
9 article Tags: , <P> , <BR> , <SPAN> , <PRE> , <BLOCKQUOTE> , <Q> , <INS> , <DEL> , <ADDRESS>
One, special label (3 ):<! Doctype>,<!---->,
Block element
- * Div- Common block -level main tags
- * DL- definition List
- * Form- Interactive Forms
- * H1-h6- title
- * HR- Horizontal Divider Line
- * ol , ul- sort form , non-sorted list
- * P- paragraph
- * Pre- Formatted text
- * Table- form
- * blockquote- block Reference
Inline elements (inline Element)
- * A- anchor point
- * BR- line Break
- * em- emphasized
- * I- Italic Body
- * img- Image
- * Input- Input Box
- * Label- Table Labels
- * Q- Short References
- * Select- Project Selection
- * Span- commonly used inline containers that define chunks within text
- * Sub- Subscript
- * sup- superscript
- * TEXTAREA- Multi-line text input box
- * var- Defining Variables
Block elements and row elements can be converted via the display style in css (inline,block, inline-block).