1, the main label:
<html>
<Head> <title> Page Title </ title> </ head>
<Body> content pages </ body>
</html>
2, text labels:
Bold:
- b (<b> SUMMARY </ b>) only bold
- strong (<strong> SUMMARY </ strong>) and bold indicates strong tone
tilt:
- i (<i> SUMMARY </ i>) is inclined only
- em (<em> content </ em>) strongly inclined and tone
Strikeout:
- del(<del>内容</del>)
- s (<s> SUMMARY </ s>)
Underline:
- u(<u>内容</u>)
- ins(<ins>内容</ins>)
Larger:
- big (<big> SUMMARY </ big>) increases 115%
Smaller:
- small (<small> SUMMARY </ small>) becomes larger range of 85%
Superscript:
- sup (<sup> SUMMARY </ sup>) quadratic equation AX 2 + BX + C = 0
Subscript:
- sub (<sub> SUMMARY </ sub>) of water molecules H 2 O
Font:
- font(<font>内容</font>)
- Attributes:
- Font Color color = "red", color = "# C330C5"
- Font size size = "2", the value (1 to 7)
- Font style face = "Arial"
- Attributes:
3, HTML comments:
Syntax: <! - Content ->
4, the nested tags:
Grammar: must have levels of nesting, nesting can not cross
5, typography Tags:
The default layout mode: From top to bottom, left to right, row no less than would wrap
[Note] editor inside knock Enter useless, can not wrap
Wrap:
- br (<br> or <br />) single label
Dash:
- hr (<hr> or <hr />) Single Label
- Attributes:
- Line width width = "300", the unit px
- Line thickness size = "6"
- Line Color color = "red"
- Align the line align = "left", the default center
- Shadow Lines noshade
- Attributes:
paragraph:
- p (<p> SUMMARY </ p>) p tag, exclusive line 1
- Attributes:
- Align align = "left", the value (left / center / right), left default
- Attributes:
[Note] block element width and height may be provided, the element row width and height can not be set
div and span:
- div (<div> contents </ div>) tag block, the exclusive line 1
- span (<span> SUMMARY </ span>) within the row labels, wide width content
title:
- h1 (<h1> SUMMARY </ h1>) Maximum Number
- h2 (<h2> SUMMARY </ h2>)
- h3(<h3>内容</h3>)
- h4 (<h4> SUMMARY </ h4>)
- h5 (<h5> SUMMARY </ h5>)
- h6 (<h6> SUMMARY </ h6>) Minimum Number
- Attributes:
- Title Align align = "left"
- Attributes:
6, the list of labels:
[Note] orderly, disorderly best not nested within each other
Ordered list:
- ol, li (<ol> <li> Content 1 </ li> <li> SUMMARY 2 </ li> </ ol>) content can be placed only in li
- Attributes:
- No. style type = "a", the value (1 / a / A / i / I / none), default is "1"
- Start position start = "3", are arranged starting from 3
- Attributes:
Unordered list:
- ul、li(<ul><li>内容1</li><li>内容2</li></ul>)
- Attributes:
- No. style type = "disc", the value (disc / circle / square), the default "disc"
- Attributes:
[Note] are generally not used for nested definition list
Definition lists:
- (<Dd> Description Title <dl> <dt> title </ dt> </ dd> </ dl>) dl> dt, dd
- dl definition list tag
- dt custom title
- dd Definition Description
7, image tag:
image:
- img(<img src="picture.jpg" />)
- Attributes:
- Address Path: src = "absolute path / relative path" attribute must
- Image Width: width = "100"
- Image Height: height = "100"
- Attributes:
8, the link tag:
link:
- a(<a href="URL">内容</a>)
- Attributes:
- Address Path: src = "absolute path / relative path"
- Attributes:
9, table Tags:
[Note] table, tr, td is strictly nested relationship, can only appear in this hierarchy
form:
- table>tr>th,td
- table showing the overall form, a plurality of common properties
- tr indicates a row, there is little property
- td represents the column (cell), a plurality of common properties
- label attribute table common
Property name | meaning | Common property values |
border | Set the table border width | Pixel value (default 0) |
cellspacing | Blank pitch width is provided between the cell and the cell border | The pixel value (the default is 2px) |
cellpadding | Blank pitch width between the cell contents and the border line | The pixel value (the default is 1px) |
width | Set the table width | Pixel values |
height | Set the table height | Pixel values |
align | Set the horizontal alignment of the table in a web page | left / center / right |
bgcolor | Set the table the overall background color | |
background | Set the table the whole background | BACKGROUND FIG precedence background color |
bordercolor | Set the table border line color |
- tr tag common attributes:
Property name | meaning | Common property values |
bgcolor | Overall background color line | |
background | FIG line disposed integrally BACKGROUND | |
height | Set row height | |
align | Sets the horizontal alignment of the contents of the cell in row | left / center / right |
valign | Disposed in vertical alignment of the row contents of the cell | top / middle / bottom |
- td tag common attributes:
Property name | meaning | Common property values |
width | Set the cell width | Pixel values |
height | Setting height of the cell | Pixel values |
align | Cell contents provided horizontal alignment | left / center / right |
valign | Setting contents of a cell in vertical alignment | top / middle / bottom |
rowspan | To interbank disposed (longitudinally) the number of cells merged | To merge the number who put the merger who deleted |
colspan | To set the column cross (transverse) means the number of cells merged | To merge the number who put the merger who deleted |
bgcolor | Setting the background color of the cell | |
background | Setting the cell background |
【Note】
thead, tbody, tfoot tr for the table (lines) are grouped in the table at this time thead head group, the bottom group tfoot table.
Recommended order of these three labels appear is: thead, tfoot, tbody, inside them write tr.
thead, tfoot should appear only once, tbody can appear multiple times.
All is not expressly attributed to the three labels tr (row) are attributable to default tbody.
Advanced table:
- caption (<caption> table heading </ caption>)
- Is used to represent a form of "title text" (look on the outside of the table), in fact unloading table tag
- thead
- A table for indicating a "head region", which may comprise a plurality tr (OK), TR TD should have a natural (or th)
- Written in the table label, the outer tr, namely this level: table> thead> tr
- tbody
- A table for indicating a "body region", which may comprise a plurality tr (OK), TR TD should have a natural (or th)
- Written in the table label, the outer tr, namely this level: table> tbody> tr
- tfoot
- A table for indicating a "bottom area", which may comprise a plurality tr (OK), TR TD should have a natural (or th)
- Written in the table label, the outer tr, namely this level: table> tfoot> tr
10, HTML of common attributes:
name: Name
class: class
id: a unique identification
title: title
style: style
11, label relationships:
<div>
<P> Content 1 </ p>
<div>
<P> SUMMARY 2 </ p>
<Div> SUMMARY 3 </ div>
</div>
</div>
Descendant relationship:
- Inclusion relation
- Parent-child relationship
Brotherhood:
- Siblings
- It must belong to the relationship with the parent
12, form
To be continued ......