<!--注釋 -->
<html>超文本标記語言</html>
<head>存儲文檔頭部資訊内容</head>
<body>展示頁面主題内容</body>
<title>文檔的标題</title>
<meta>提供頁面元資訊
{
name,content,http-equiv,description,keywords
}
<h1>标題逐級遞減<h6>
<p>段落</p>
<b>加粗</b>,<strong>強調,頁面顯示加粗</strong>
<i>斜體</i>,<em>輕微強調,頁面顯示斜體</em>,<cite>引用(一般用于引用電影,書籍,報告等 不可引用人名,頁面顯示斜體)</cite>
<sub>下标</sub>
<sup>上标</sup>
<br/>換行,空标簽
<wbr/>安全換行
<hr/>水準線,空标簽
<blockquote>大段落縮進,可包含p元素</blockquote>,<q>小段落縮進,顯示出段落兩頭帶雙引号</q>
<abbr title="zhongguo">zg,縮寫</abbr> ,<acronym title="zhongguo>z,首字母縮寫</acronym>(abbr比arconym縮寫範圍更大)
<dfn>表示新術語的定義</dfn>
<address>位址,聯系方式,作者等</address>
<ins>顯示插入的文檔内容,帶有下劃線</ins>
<del>删除文檔的内容,帶有删除線</del>
<ol>有序清單</ol> (star屬性可以改變有序清單可以從幾開始,預設是1),<ul>無序清單</ul>,<li>清單項</li>
<dl>定義清單</dl>,<dt>用來包含被定義的新術語</dt>,<dd>用來描述新術語</dd>,可以有一個<dt>有很多個<dd>
<a>超連結</a>,href特性的值設定了連結的目标(絕對連結URL,相對連結URL,錨URL),絕對連結URL是連接配接另一個站點,相對連結URL是在同一個站點内連結某個檔案,錨URL,指向頁面中的錨(href="#id或name" target="_blank" rel="external nofollow" ,id值必須相同)
相對連結:
{
相同檔案夾連結類型:<a href="music.html" target="_blank" rel="external nofollow" >music</a>
子檔案夾連結類型:<a href="reviews/music.html" target="_blank" rel="external nofollow" >music</a>
孫子檔案夾連結類型:<a href="liang/reviews/music.html" target="_blank" rel="external nofollow" >music</a>
父級檔案夾連結類型:<a href="../music.html" target="_blank" rel="external nofollow" >music</a>
祖父級檔案夾連結類型:<a href="../../music.html" target="_blank" rel="external nofollow" >music</a>
}
(郵件連結:<a href="mailto:xxx收件人位址[email protected]?cc=xx抄送位址[email protected]&bcc=xx密件抄送位址[email protected]&subject郵件主題" target="_blank" rel="external nofollow" >郵件</a>
<a href="xx" target="_blank" rel="external nofollow" target="_blank">打開新的視窗</a>
<img src="路徑" alt="描述" width="寬度" height="高度">圖檔</img>
<figure>可包含多組圖檔</figure>
<figcaption>對圖檔加以說明</figcaption>
<table>表格主體</table>
<thead>放置表格标題</thead>
<tbody>放置表格主體部分</tbody>
<tfoot>放置表格腳注部分</tfoot>
<tr>表格"行"的起始标簽</tr>
<td>表格單元格</td>
<th>表格标題</th>(粗體),scope特性中row表示行标題,col表示列标題(scope="row" scope="col"),(th rowspan="2"跨兩行,colspan="2"跨兩列)
<form>建立供使用者輸入的html表單</form>,(<form id="1" action="URL" method="get明文或post密文">)
<input>建立表單控件
type=text單行文本框,password密碼文本框,radio單選框,checkbox複選框,submit送出按鈕,image圖檔按鈕,file上傳檔案框,URL連結文本框,email郵件文本框,search搜尋文本框,date時間文本框,hidden隐藏控件
type="text/password" size="5"寬度5,maxlength="10"限制輸入10個字元,value="與被選中項一起發給伺服器,value的值為文本框的初始值"
type="radio/checkbox" name="所有radio的name值都必須相同" chencked="checked"頁面加載時出現的預設選項,value="與被選中項一起發給伺服器,每個value的值都不相同且與頁面中顯示的相關聯"
type="submit" value="與被選中項一起發給伺服器,每個value的值都不相同"
type="image" src="URL" alt="描述" width="寬度" height="高度"
<textarea name="xxx" rols="高度",cols="寬度" placeholder=在使用者點選文本框之前顯示的内容,使用者點選時則消失(每個文本框都可以使用)>文本域</textarea>
<select name="xxx" size="3"(如顯示3個選項) multiple="multiple"(按control鍵可多選)>下拉菜單</select>
<option value="發送給伺服器的值" selected="selected"預設選項>選項</option>
<label for="與id值必須相同">關聯<input>元素,增加使用者單擊區域
<fieldset>元素可包含相關表單控件使其成為一組</fiedset>
<legend>是<fieldset>元素的标題元素</legend>
<div>元素使一組元素組成一個整體</div>,<span>元素像是<div>的内聯版本
<video src="路徑" width="寬" height="高" autoplay="立即播放視訊" preload="預先加載,auto載入整個音頻,meta隻載入中繼資料,none不載入音頻" controls添加播放控件 loop反複播放 muted播放時處于靜音狀态 poster預加載時加入第一幀畫面>視訊</video>
<audio src="路徑" controls播放控件 preload="預先加載" autoplay="立即播放">音頻</audio>
<source src="路徑">可用在<video>和<audio>中添加多個視訊和音頻</source>