Reviewing the Old --html study notes

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 ² + BX + C = 0

Subscript:

sub (<sub> SUMMARY </ sub>) of water molecules H ₂ 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"

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

paragraph:

p (<p> SUMMARY </ p>) p tag, exclusive line 1
- Attributes:
  - Align align = "left", the value (left / center / right), left default

[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"

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

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"

[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"

8, the link tag:

link:

a（<a href="URL">内容</a>）
- Attributes:
  - Address Path: src = "absolute path / relative path"

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>

Descendant relationship:

Inclusion relation
Parent-child relationship

Brotherhood:

Siblings
It must belong to the relationship with the parent

12, form

To be continued ......