天天看點

HTML簡單的标簽

<!--注釋 -->

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