Review html, familiar <html> tag related.
01.HTML：
<! DOCTYPE html> <-! Declare a HTML - displayed to the browser>
<HTML>
<head>
<-! some basic information that defines a web page ->
<Meta charset = "UTF-8">
<-! charset coded character set ->
<-! UTF-8 nations code
gb2312 Chinese standard Article 2312 Chinese, Korean, .... most Asian languages (traditional Chinese characters are not supported)
GBK expansion on the basis of the above can support the traditional characters
unicode larger the memory
UTF-8 ->
< title> </ title>
</ head>
<body>
</ body>
</ HTML>
<! - comment content
annotation is for developers to see, not to the user to see. In the browser, touch the comment will skip, not to resolve his
comments do not nest inside the comment
->
<! - ditag ->
<! - <HTML attribute name = "attribute value" 2 attribute name = "attribute value 2"> </ HTML>
<HTML>
<head> </ head>
</ HTML> ->
<! - single label ->
<! - <Meta attribute name = "attribute value" 2 attribute name = "attribute value 2" /> ->
02.HT<!DOCTYPE html>
<html>
<head>
<Meta charset = "UTF-8">
<title> to start learning html tag </ title>
</ head>
<body>
<-! comment shortcuts
selection + Ctrl /
->
< ! - all together spaces and line breaks can only be resolved to a space ->
<- escape character!
& nbsp; space
& lt; <
& gt;>
& Copy; Rights character
<br /> single tag represents wrap
->
<- this & nbsp;! & nbsp;; & nbsp; & nbsp; & nbsp; & nbsp day weather really
<br />
<br />
good, very fit
<br />
<br />
<br /> learning together ! ! ! ->
<! - started now & lt; br / & gt; tag! ! ! & copy; ->
What are common browsers?
IE
Google
Firefox
Sohu
Sogou
UC
QQ
360
European friends
hao123
Kingsoft Internet
...
browser only 5
IE
Google
Firefox
Apple's
European friends
</ body>
</ HTML>
03.HTML
<! DOCTYPE HTML>
<HTML>
<head>
<Meta charset = "UTF-. 8">
<title> </ title>
</ head>
<body>
inline tag (tag elements, the node (js is called) )
On one line, only when the line does not fit on time will line breaks
can not set the element width and height, width and height of the content to hold up to the
row within the block tags: in one row, and may set the width and height
blocks level tag
own separate line
may be provided the width and height
<i> this is some text </ I>
<S> this is some text </ S>
<U> this is a text </ U>
<B> this is some text </ B>
<font Color = "Green" size = ". 7"> text label </ font>
<I> <S> <U> <B> <font Color = "Red" size = ". 7"> this is a multi-style text </ font> </ B> </ U> </ S> </ I>
<div> this is the div label </ div>
<P> this is a paragraph tag </ P>
<h1 of> title tag. 1 </ h1 of>
<H2> the title tag 2 </ H2>
<H6> title tag. 6 </ H6>
<h1 of> this is some text </ h1 of>
<B> <font size = ". 6"> the It is a piece of text </font></b>
</body>
</html>
04.HTML
<! DOCTYPE HTML>
<HTML>
<head>
<Meta charset = "UTF-. 8">
<title> Table </ title>
</ head>
<body>
<-! Form must be neat ->
<Table = border "1px" width = "700px" height = "500px" align = left = "Center">
<-! tr it means to write a line ->
<tr align = left = "Center">
<-! wrote a td it represents a cell, the number of the first row of cells, the second row must have a number ->
<td> <B> name </ B> </ td>
<TH> gender </ th>
<td> Age </ td>
<td> Hobbies </ td>
<td> Marriage </ td>
</ TR>
<TR>
<td> </ td>
<td> </ td>
<td> </td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
05.HTML (table)
<HTML>
<head>
<Meta charset = "UTF-. 8">
<title> </ title>
</ head>
<body>
<Table border = "1px" width = "500px" height = "400px">
<! - table headers may be omitted ->
<Caption> table girlfriend </ Caption>
<-! table header may be omitted ->
<thead>
<TR>
<TH> name </ TH>
<TH> Age </ TH>
<TH> height </ TH>
<TH bgcolor = "Aqua"> weight </ TH>
</ TR>
</ thead>
<-! table body can be omitted ->
<tbody>
< align = left = TR "Center" bgcolor = "Bisque">
<TD valign = "Top"> Cuihua </ td>
<td>18</td>
<td>165CM</td>
<td>100KG</td>
</tr>
<tr align="center">
<td>如花</td>
<td>20</td>
<td>170CM</td>
<td>80KG</td>
</tr>
</tbody>
</table>
</body>
</html>
06.html (table)
<! DOCTYPE HTML>
<HTML>
<head>
<Meta charset = "UTF-. 8">
<title> </ title>
</ head>
<body>
<Table border = "1px" cellpadding = "10px" cellspacing = " 10 ">
<! - this is the distance cellpadding content unit from Gerry surface cell borders ->
<! - this is the distance between cellspacing cell and cell ->
<! - generally after the setting will not be provided to these two attributes table width and height ->
<TR>
<TD> NiHao </ TD>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
</ TR>
<TR>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
(Difficulty) 07.HTML (form)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table border="1px" cellspacing="0" cellpadding="30">
<tr>
<td rowspan="2" colspan="2"></td>
<!--<td></td>-->
<td></td>
<td></td>
<td rowspan="2"></td>
<td></td>
</tr>
<tr>
<!--<td></td>-->
<!--<td></td>-->
<td></td>
<td></td>
<!--<td></td>-->
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td colspan="2"></td>
<!--<td></td>-->
<td></td>
</tr>
<tr>
<td></td>
<td colspan="2"></td>
<!--<td></td>-->
<td></td>
<td></td>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<!--<td></td>-->
</tr>
</table>
</body>
</html>