列表標簽 有序列表: <ol><li></li></ol> 無序列表: <ul><li></li></ul> //屬性:font-weight字體粗細 表格: <table> <thead><tr><td></td></tr></thead> //tr行 td列 <tbody><tr><td></t ...
列表標簽
有序列表:
<ol><li></li></ol>
無序列表:
<ul><li></li></ul> //屬性:font-weight字體粗細
表格:
<table>
<thead><tr><td></td></tr></thead> //tr行 td列
<tbody><tr><td></td></tr></tbody>
</table>
HTML5新標簽
1.<figure></figure> //來畫類似於照片牆的標簽
eg:<figure>
<img src=""/>
<figcaption>橘子</figcaption> //figcaption就是figure的標題
<p>這是一個橘子</p>
</figure>
2.<section></section> //新聞的展示,內容的展示
eg:<section>
<nav></nav>
<figure></figure>
<div></div>
</section>
<datalist></datalist> //當輸入輸入類似或相同的名字時會彈出類似或相同的名字選項
eg:<input type="text" list="searchList"/>
<datalist id="searchList">
<option value="10086">中國移動客服電話<option>
<option value="10010">中國聯通客服電話<option>
<option value="10000">中國電信客服電話<option>
</datalist>
<details></details> //摺疊樣式標簽
eg:<datails>
<summary>武漢突降暴雨</summary>
今天武漢市突然下起暴雨,令出行市民措手不及!
</datails>
audio和video //音頻和視頻標簽
controls 顯示播放條
autoplay 自動播放
loop 單曲迴圈
preload 預載入
source可以替換src
eg:<audio loop autoplay controls muted preload>
<source src="tq.ogg" type="audio/ogg">
<source src="tq.mp3" type="audio/mpeg">
<source src="tq.wav" type="audio/wav">
</audio>
<video poster="../img/i.jpg" src="" loop autoplay controls muted preload > //poster點開視頻首先顯示的圖片
</video>
<form></form>表單
eg:<form action-"" method="post"></form>
action 提交的路徑
method 提交的方式,有兩種post和get。關於post和get兩種提交方式的區別,我已在之前的一篇隨筆做過說明。
<a></a>超鏈接標簽
eg:<a href="http://www.baidu.com"></a>
另外的用法:<a href="#mao">你是誰?(點擊則可以獲取答案!)</a>
<div id="mao">
答案:不知道,哈哈哈!
</div>
<em></em> <i></i> //都表示斜體
<sup></sup> //上標和下標
以上只是HTML標簽的部分,簡單歸納。如有錯誤之處,盡請諒解,請幫忙指出,謝謝!
新手上路,請多多關照,笑臉