1没酣、最基本的HTML結(jié)構(gòu)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312或utf-8或gbk" />
<title>網(wǎng)頁(yè)標(biāo)題</title>
<meta name="keywords" content=" " />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="main.css" />
<script type="text/javascript" src="main.js"></script>
</head>
<body>
</body>
</html>
2、最常用的HTML標(biāo)簽
a报账、布局標(biāo)簽
div標(biāo)簽定義文檔中的分區(qū)或節(jié)（division/section）当宴，可以把文檔分割為獨(dú)立的、不同的部分踱阿，主要用于布局管钳。
aside標(biāo)簽的內(nèi)容可用作文章的側(cè)欄，<span style="color: #ff0000;">html5新增標(biāo)簽</span>软舌。
header標(biāo)簽定義頁(yè)面的頭部（介紹信息）才漆，<span style="color: #ff0000;">html5新增標(biāo)簽</span>。
section標(biāo)簽定義文檔中的節(jié)（section佛点、區(qū)段）醇滥。比如章節(jié)、頁(yè)眉超营、頁(yè)腳或文檔中的其他部分鸳玩，<span style="color: #ff0000;">html5新增標(biāo)簽</span>。
footer 標(biāo)簽定義文檔或節(jié)的頁(yè)腳演闭，通常包含文檔的作者不跟、版權(quán)信息、使用條款鏈接船响、聯(lián)系信息等等躬拢，<span style="color: #ff0000;">html5新增標(biāo)簽</span>躲履。
article標(biāo)簽規(guī)定文章獨(dú)立的其他內(nèi)容，比如：標(biāo)題聊闯、內(nèi)容工猜、評(píng)論，<span style="color: #ff0000;">html5新增標(biāo)簽</span>菱蔬。
b篷帅、文本標(biāo)簽
h1-h6標(biāo)簽可定義標(biāo)題
p標(biāo)簽定義段落
b/strong標(biāo)簽加粗
em標(biāo)簽來表示強(qiáng)調(diào)的文本，斜體
strong標(biāo)簽表示重要文本
u標(biāo)簽下劃線
s標(biāo)簽刪除線
br標(biāo)簽表示回車換行
hr標(biāo)簽表示水平線
span標(biāo)簽被用來組合文檔中的行內(nèi)元素拴泌。
blockquote標(biāo)簽表示塊引用
pre標(biāo)簽可定義預(yù)格式化的文本魏身，保持原有格式的一種標(biāo)簽。
sub標(biāo)簽下標(biāo)蚪腐，
sup>標(biāo)簽上標(biāo)
表示一個(gè)空格
?表示版權(quán)符
<表示<
表示>
c箭昵、a標(biāo)簽定義超鏈接，指定頁(yè)面間的跳轉(zhuǎn)回季。鏈接可以指向外部鏈接或者頁(yè)面內(nèi)部id錨點(diǎn)家制，可以在當(dāng)前頁(yè)面打開，新開窗口泡一。
<a href="指向的鏈接地址或者網(wǎng)址#ID名" target="_blank|_self|_top|_parent">百度</a>
d颤殴、多媒體標(biāo)簽
img標(biāo)簽主要在網(wǎng)頁(yè)中插入圖像，可以定義圖片替換文本鼻忠、顯示寬度和高度涵但、是否帶邊框，建議等比例設(shè)置帖蔓，否則圖像會(huì)變形矮瘟。
<img src="圖片地址" alt="替換文本，圖片打不開的時(shí)候顯示" width="圖片寬度" height="高度" border="0" />
audio標(biāo)簽定義聲音讨阻，比如音樂或其他音頻流芥永。<span style="color: #ff0000;">html5新增標(biāo)簽</span>。
<audio src="someaudio.wav">您的瀏覽器不支持 audio 標(biāo)簽钝吮。</audio>
video標(biāo)簽定義視頻埋涧，比如電影片段或其他視頻流。<span style="color: #ff0000;">html5新增標(biāo)簽</span>奇瘦。
<video src="movie.ogg" controls="controls">您的瀏覽器不支持 video 標(biāo)簽棘催。</video>
e、序列化標(biāo)簽
ul和li無序列表標(biāo)簽
<ul>
<li>HTML</li>
<li>JS</li>
<li>PHP</li>
</ul>
ol和li有序列表標(biāo)簽耳标，可以使用type屬性規(guī)定有序列表符號(hào)的類型醇坝。1 按數(shù)字有序排列，為默認(rèn)值，（1呼猪、2画畅、3、4）宋距；a按小寫字母有序排列轴踱，（a、b谚赎、c淫僻、d）；A 按字母大寫有序排列壶唤，（A雳灵、B、C闸盔、D）悯辙。i 按小寫羅馬字母有序，（i, ii, iii, iv）迎吵；I 按小寫羅馬字母有序笑撞，（I, II, III, IV）。
<ol>
<li>HTML</li>
<li>JS</li>
<li>PHP</li>
</ol>
dl標(biāo)簽定義了定義列表（definition list）钓觉，dl標(biāo)簽用于結(jié)合 dt（定義列表中的項(xiàng)目）和 dd（描述列表中的項(xiàng)目）。
<dl>
<dt>計(jì)算機(jī)</dt>
<dd>用來計(jì)算的儀器 ... ...</dd>
</dl>
f坚踩、表格標(biāo)簽
table標(biāo)簽和tr標(biāo)簽荡灾，th標(biāo)簽和td標(biāo)簽，合并單元格瞬铸。
<table width="100%" height="193" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF0000" bgcolor="#000000" background="">
<tr>
<th>標(biāo)題</th>
<th>標(biāo)題</th>
</tr>
<tr>
<td colspan="2" nowrap="nowrap">?</td>
</tr>
<tr>
<td></td>
<td rowspan="2"> </td>
</tr>
<tr>
<td height="16"> </td>
</tr>
</table>
g批幌、表單標(biāo)簽
form標(biāo)簽定義提交方式、提交地址嗓节、表單字符集以及如何對(duì)其進(jìn)行編碼荧缘，需要提交的表單一定要放在form標(biāo)簽內(nèi)。
<form id="form1" name="form1" method="post|get" enctype="multipart/form-data" action="提交到的地址"></form>
input標(biāo)簽用于搜集用戶信息
<input name="userName" type="text" maxlength="5" size="100" value="asdfasdfasfd" />
密碼拦宣，輸入的字符會(huì)被掩碼（顯示為星號(hào)或原點(diǎn)）
<input name="pwd" type="password" maxlength="5" size="100" value="" />
文件類型的表單截粗，上傳文件時(shí)，form表單一定要設(shè)置為enctype="multipart/form-data"
<input type="file" name="file" />
隱藏表單
<input type="hidden" name="country" value="China" />
提交
<input type="submit" name="Submit" value="提交" disabled="disabled" />
重置
<input type="reset" name="Submit2" value="重置" />
radio單選
<input name="sex" type="radio" value="1" />男
<input name="sex" type="radio" value="2" checked="checked" />女
checkbox多選
<input name="skill" type="checkbox" value="1" checked="checked" />PHP
<input name="skill" type="checkbox" value="2" />前端
<input name="skill" type="checkbox" value="2" />數(shù)據(jù)庫(kù)
<span style="color: #ff0000;">注：checked="checked"可以簡(jiǎn)寫成checked</span>
label標(biāo)簽為input元素定義標(biāo)注鸵隧，如果您點(diǎn)擊label元素文本绸罗，就會(huì)觸發(fā)此input控件。
textarea標(biāo)簽豆瘫，設(shè)置文本區(qū)內(nèi)的可見行數(shù)和寬度
<textarea name="content" cols="30" rows="10">大段文本輸入框</textarea>
button標(biāo)簽定義一個(gè)按鈕
提交按鈕
<button type="submit" value="提交">提交</button>
重置按鈕
<button type="reset" value="重置">重置</button>
select標(biāo)簽和option標(biāo)簽下拉列表
單選菜單列表框
<select name="user">
<option value="1">ray</option>
<option value="2" selected="selected">raykaeso</option>
</select>
多選列表下拉框珊蟀，shift加鼠標(biāo)單擊，可以連續(xù)選擇多個(gè)選擇外驱，CTRL+鼠標(biāo)點(diǎn)擊育灸，可以點(diǎn)擊多個(gè)腻窒。
<select name="user" size="10" multiple="multiple">
<option value="1">雷雪松</option>
<option value="2" selected="selected">ray</option>
<option value="3">raykaeso</option>
</select>
注:selected="selected"可簡(jiǎn)寫成selected，表示選中
3磅崭、其他HTML事項(xiàng)
a儿子、HTML標(biāo)簽和屬性是不區(qū)分大小寫的，建議HTML標(biāo)簽和屬性都小寫绽诚，屬性值必須用雙引號(hào)包圍典徊。
b、HTML標(biāo)簽都是以開始標(biāo)簽起始恩够，以結(jié)束標(biāo)簽終止卒落。大部分HTML標(biāo)簽都是成對(duì)出現(xiàn)的，稱為雙標(biāo)簽蜂桶，比如：p標(biāo)簽儡毕、div標(biāo)簽，也有的HTML標(biāo)簽在開始標(biāo)簽中結(jié)束的標(biāo)簽扑媚，稱為單標(biāo)簽腰湾，比如：hr標(biāo)簽、br標(biāo)簽疆股。大多數(shù) HTML 元素可擁有屬性费坊，文本內(nèi)容都是寫在開始標(biāo)簽與結(jié)束標(biāo)簽之間。
c旬痹、HTML標(biāo)簽之間盡量縮進(jìn)與換行附井，每行代碼不要過長(zhǎng)，方便閱讀和維護(hù)两残。
d永毅、HTML標(biāo)簽使用必須符合標(biāo)簽嵌套規(guī)則。禁止a標(biāo)簽嵌套a標(biāo)簽人弓，p標(biāo)簽嵌套div標(biāo)簽沼死。
e、建議不使用HTML已經(jīng)廢棄的或者不贊成使用的標(biāo)簽崔赌，少使用table布局意蛀、iframe框架嵌套以及flash播放器。
轉(zhuǎn)載于：http://www.divcss5.com/html/h50219.shtml
