???Html?????????
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8">
<title></title>
</head>
<body>
???????????????????
</body>
</html>
????Head?????????????????????????????????????
?????????????У?
1??title??????????????????????
2??meta?????????????
??charset:??????????????????????HTML5???????????????<meta charset="UTF-8">
???????????????????
a.GB-2312:??????????????
b.GBK????????????
c.UTF-8??????? Unicode ????
??http-equiv????:??????????д??????????????????????????????????У???????????Content-Type(???????) refresh(?????????) set-cookie(?????????cookie????) ??????content??????á???http-equiv??????????????????????????????????????????content?????У?
??name???????÷??????http-equiv??????????????д?????????濴
?????????????????????author??????? keywords??????????? description??????????? ??????????????????????????
3??link???????????????title???Сlogo?????????????У?
??rel???????????????????????????icon
??type????????????
??href????????????·?????
????body??????????????????????
????????
?鼶??????????飬??????У???????У?
?м?????????д???????????????
1?? ??????鼶?????
??<h1></h1>......<h6><h6>?????????????????h1???h6??С??
??<hr/>?????????????????????
??<p></p>:????????
??<br/>:???б????
??<blockquote/></blockquote>:????????cite?????????????????????????????
??????????????????
??<pre></pre>:????????????????????????????????????1????????????塣 2???????е???С?
???????????????????????
??????html ????п???????
2?? ????????鼶???
?б???????б???????б???????б?
???????б??<ol></ol> ?б???<li></li>
???????б??<ul></ul> ?б???<li></li>
??????б????????????:<dl></dl>
?б????<dt>?????????</dt>
?б???????<dd>?????к????</dd>
3?????????<figure></figure>?????????????????
??????????????<img />??
<figcaption></figcaption>???????
???磺<figure>
<img src="img/EZ.jpg" height="20%" width="20%" alt="????"/>
<figcaption>???? ???????</figcaption>
</figure>
4???????????<div></div>
5?????????м????
<1>span???????:????????壬???????????????????????????????磺
????<span style="color: red;font-size: 36px;">span</span>?е?????
img???????????????????src:???????????????
·???????д???????·??????????????????????????
a???????????????????????д????
b?????????????????????/????
c????????????????../????
????·??:file:///?????/?????/???????? ????????
??????????????????????????????
??height??width??????????????????CSS???????
??title??????????????????????????
??alt:????????????????????????
<2>em????б?????
<3>strong??????????
<4>b??????
<5>i????б??
Strong??em??b??i??????
1??Strong??em??????????Strong????壬em?б?壬??Strong????? ??????em??
2??Strong??b???????em??i??????б????????Strong??em???????????????? ??H5?????????????????廯??
<6>q?????????
<7>small/big????С/??????壩??small??big???????С?????????壬???????????????????????
<8>a?????????
1??href:???????·??????????????????????????????????
2??target:?????????λ?á?_self??????棬_blank????档
3??title:???????????????????????
4??Rel???????????????/??????:??????????????????????,???????? ??????????? ?????????й???????????
rel="prev"??????????????????????? ????
rel="next"????????????????????????,
rel="icon"?????????????????????
rel="stylesheet"???????????????????????
5??Rev??????????????/??????
ê?????
??????ê????:a??????ê??<a name="top"></a>
b?????ê??#name??
??????ê????:a?????????????????λ??????ê??
b?????ê???????.html#name??
<a href="02_??????鼶???.html#Hbuilder">????ê????</a><br/>
??????????? mailto?????????????????
file??///e:/aaa.png?????????
tencent://message/?uin=1315618220 ?????QQ?????
<9>s???????????????????
<s>????S????е?????</s><br />
<10>cite????????????????б?????????顢???????????????
<cite>????cite?е????</cite><br />
<11>code:????????????????????
<pre>
<code></code>
</pre>
<12>bdo:???????????????dir="ltr"????????????dir="rtl"???????????
<bdo dir="rtl">1234567</bdo><br />
kbd:??????????ü?????????????????????????????
??????<kbd>Esc</kbd>???????<br />
<13>sup:????????sub:?±????
x<sub>6</sub><br />
? ? ???
? ? ??? <br />
<14>u:?????
<u>?????????</u><br />
mark:?????????????????????????????
<mark>mark</mark><br />
6??????????У?tr??????е??У?td??????????th
????????????
????????????[tr??td??????]??
1??width/heigh??????????
2??bgcolor:????????????
3??align:left center right ??????е????????????
4??valign:top center bottom ??????е????????????
5??nowrap:????????????????
????????????????????????????????????????????
7???????form??
????????????????action-??????????????? method-???????????????get/post??
get/post????:
1>get???URL???Σ?http://??????????name1=value1&name2=value2
???????????????????????name=value??????????????????????&????? ?? URL???β??????????????????????????????????????????url????? ??????????????
?? URL??????????????????????????????
2>post:???http???????????URL??????????????????????????????????????
?????????????????post???Σ?????get???α?Post??
??input??????????
??type??input????????????????У?
??name??input?????????????????????ε???????name=value??????????
??value??input??????????
??placeholder:?????????????????value???????????????
??input???????????
?? checked="checked"??????
?? disabled="disabled"???????????????????????????????????????????????
??????disabled??????????????????????
??hidden=??hidden????????????<input type="hidden" name="username"value="1234" />
????????disabled????????????????????????????.
??input-type???????
??text??????????
??password???????????????????????
??radio????????
checkbox:??????
a??????????name??value????????????????????????value?е??????
???磺<input type="radio" name="sex" value="??"/>??????"sex=??"
b??radio???name???????????????飬name??????飬???????????
c??checked="checked"?????У???radio???????????checkbox??????????
??submit??????????????????
??reset?????e??????????????
??file???????????
??image????????????????submit????????????
??button?????????????????
??????????????????????
??select??????????????
д????
<select name="=city">
<option>??</option>
<option>???</option>
<option>????</option>
<option>??</option>
<option>????</option>
</select>
????????
??name?????д??select???????????????name
??multiple?????multiple="multiple"????select???????????
??option?????????value=""???????option???value???????????????????<option></option>?м???????
????value??????????????value?????????
title=""????,????????????????
select="select"????????
??optgroup????? ????option??????飬??lable??????????????
<optgroup label="?й?">
<option>??</option>
<option>???</option>
<option>????</option>
</optgroup>
??textarea??:????????????? ??
?????????? style="width: 150px;height: 200px;
??readonly="readonly"???????????????????
??style="resize: none;"??????????????????
??style="overflow:;"????????????????????δ??????????????У?
hidden ????????????????????????
scroll ?????????????????????
auto ?????????????????????????????????????
??fieldset ??legend??????????????
<fieldset> //???
<legend> //????
</legend>
</fieldset>
?????????????????У??轫??????д???????????
???????????ж????????????
??h5????????
1??H5????input??form??????????????form?????id?????input???????form?????У?????????????????
<form id=foo>
????
</form>
<input type="text" name="" form="foo">
2?? input?????????????
Autocomplete??????????????????????????????????????′????????????????
?????????????on/off
????????????form?????????????????????п???????????????????????input??????
????????????????
???????????????????????
Autofocus???????y???autofocus="autofocus"????????????
Form?????????????id?????????????
Required??????,required="required",???????????????
Pattern???????????????input????
Placeholder???????????value?????????
???Html?????????
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8">
<title></title>
</head>
<body>
???????????????????
</body>
</html>
????Head?????????????????????????????????????
?????????????У?
1??title??????????????????????
2??meta?????????????
??charset:??????????????????????HTML5???????????????<meta charset="UTF-8">
???????????????????
a.GB-2312:??????????????
b.GBK????????????
c.UTF-8??????? Unicode ????
??http-equiv????:??????????д??????????????????????????????????У???????????Content-Type(???????) refresh(?????????) set-cookie(?????????cookie????) ??????content??????á???http-equiv??????????????????????????????????????????content?????У?
??name???????÷??????http-equiv??????????????д?????????濴
?????????????????????author??????? keywords??????????? description??????????? ??????????????????????????
3??link???????????????title???Сlogo?????????????У?
??rel???????????????????????????icon
??type????????????
??href????????????·?????
????body??????????????????????
????????
?鼶??????????飬??????У???????У?
?м?????????д???????????????
1?? ??????鼶?????
??<h1></h1>......<h6><h6>?????????????????h1???h6??С??
??<hr/>?????????????????????
??<p></p>:????????
??<br/>:???б????
??<blockquote/></blockquote>:????????cite?????????????????????????????
??????????????????
??<pre></pre>:????????????????????????????????????1????????????塣 2???????е???С?
???????????????????????
??????html ????п???????
2?? ????????鼶???
?б???????б???????б???????б?
???????б??<ol></ol> ?б???<li></li>
???????б??<ul></ul> ?б???<li></li>
??????б????????????:<dl></dl>
?б????<dt>?????????</dt>
?б???????<dd>?????к????</dd>
3?????????<figure></figure>?????????????????
??????????????<img />??
<figcaption></figcaption>???????
???磺<figure>
<img src="img/EZ.jpg" height="20%" width="20%" alt="????"/>
<figcaption>???? ???????</figcaption>
</figure>
4???????????<div></div>
5?????????м????
<1>span???????:????????壬???????????????????????????????磺
????<span style="color: red;font-size: 36px;">span</span>?е?????
img???????????????????src:???????????????
·???????д???????·??????????????????????????
a???????????????????????д????
b?????????????????????/????
c????????????????../????
????·??:file:///?????/?????/???????? ????????
??????????????????????????????
??height??width??????????????????CSS???????
??title??????????????????????????
??alt:????????????????????????
<2>em????б?????
<3>strong??????????
<4>b??????
<5>i????б??
Strong??em??b??i??????
1??Strong??em??????????Strong????壬em?б?壬??Strong????? ??????em??
2??Strong??b???????em??i??????б????????Strong??em???????????????? ??H5?????????????????廯??
<6>q?????????
<7>small/big????С/??????壩??small??big???????С?????????壬???????????????????????
<8>a?????????
1??href:???????·??????????????????????????????????
2??target:?????????λ?á?_self??????棬_blank????档
3??title:???????????????????????
4??Rel???????????????/??????:??????????????????????,???????? ??????????? ?????????й???????????
rel="prev"??????????????????????? ????
rel="next"????????????????????????,
rel="icon"?????????????????????
rel="stylesheet"???????????????????????
5??Rev??????????????/??????
ê?????
??????ê????:a??????ê??<a name="top"></a>
b?????ê??#name??
??????ê????:a?????????????????λ??????ê??
b?????ê???????.html#name??
<a href="02_??????鼶???.html#Hbuilder">????ê????</a><br/>
??????????? mailto?????????????????
file??///e:/aaa.png?????????
tencent://message/?uin=1315618220 ?????QQ?????
<9>s???????????????????
<s>????S????е?????</s><br />
<10>cite????????????????б?????????顢???????????????
<cite>????cite?е????</cite><br />
<11>code:????????????????????
<pre>
<code></code>
</pre>
<12>bdo:???????????????dir="ltr"????????????dir="rtl"???????????
<bdo dir="rtl">1234567</bdo><br />
kbd:??????????ü?????????????????????????????
??????<kbd>Esc</kbd>???????<br />
<13>sup:????????sub:?±????
x<sub>6</sub><br />
? ? ???
? ? ??? <br />
<14>u:?????
<u>?????????</u><br />
mark:?????????????????????????????
<mark>mark</mark><br />
6??????????У?tr??????е??У?td??????????th
????????????
????????????[tr??td??????]??
1??width/heigh??????????
2??bgcolor:????????????
3??align:left center right ??????е????????????
4??valign:top center bottom ??????е????????????
5??nowrap:????????????????
????????????????????????????????????????????
7???????form??
????????????????action-??????????????? method-???????????????get/post??
get/post????:
1>get???URL???Σ?http://??????????name1=value1&name2=value2
???????????????????????name=value??????????????????????&????? ?? URL???β??????????????????????????????????????????url????? ??????????????
?? URL??????????????????????????????
2>post:???http???????????URL??????????????????????????????????????
?????????????????post???Σ?????get???α?Post??
??input??????????
??type??input????????????????У?
??name??input?????????????????????ε???????name=value??????????
??value??input??????????
??placeholder:?????????????????value???????????????
??input???????????
?? checked="checked"??????
?? disabled="disabled"???????????????????????????????????????????????
??????disabled??????????????????????
??hidden=??hidden????????????<input type="hidden" name="username"value="1234" />
????????disabled????????????????????????????.
??input-type???????
??text??????????
??password???????????????????????
??radio????????
checkbox:??????
a??????????name??value????????????????????????value?е??????
???磺<input type="radio" name="sex" value="??"/>??????"sex=??"
b??radio???name???????????????飬name??????飬???????????
c??checked="checked"?????У???radio???????????checkbox??????????
??submit??????????????????
??reset?????e??????????????
??file???????????
??image????????????????submit????????????
??button?????????????????
??????????????????????
??select??????????????
д????
<select name="=city">
<option>??</option>
<option>???</option>
<option>????</option>
<option>??</option>
<option>????</option>
</select>
????????
??name?????д??select???????????????name
??multiple?????multiple="multiple"????select???????????
??option?????????value=""???????option???value???????????????????<option></option>?м???????
????value??????????????value?????????
title=""????,????????????????
select="select"????????
??optgroup????? ????option??????飬??lable??????????????
<optgroup label="?й?">
<option>??</option>
<option>???</option>
<option>????</option>
</optgroup>
??textarea??:????????????? ??
?????????? style="width: 150px;height: 200px;
??readonly="readonly"???????????????????
??style="resize: none;"??????????????????
??style="overflow:;"????????????????????δ??????????????У?
hidden ????????????????????????
scroll ?????????????????????
auto ?????????????????????????????????????
??fieldset ??legend??????????????
<fieldset> //???
<legend> //????
</legend>
</fieldset>
?????????????????У??轫??????д???????????
???????????ж????????????
??h5????????
1??H5????input??form??????????????form?????id?????input???????form?????У?????????????????
<form id=foo>
????
</form>
<input type="text" name="" form="foo">
2?? input?????????????
Autocomplete??????????????????????????????????????′????????????????
?????????????on/off
????????????form?????????????????????п???????????????????????input??????
????????????????
???????????????????????
Autofocus???????y???autofocus="autofocus"????????????
Form?????????????id?????????????
Required??????,required="required",???????????????
Pattern???????????????input????
Placeholder???????????value?????????