HTML5是前端避諱技術(shù)之一,也是現(xiàn)在大勢所趨。希望這篇文章能夠幫助一些剛入門HTML5的同學(xué)。
基本標(biāo)簽的使用
<!doctype html> <!--這是HTML5的申明,大小寫都可以--><html>
<head>
<title>標(biāo)題</title>
<meta charset=”utf-8” /> <!--設(shè)置頁面編碼-->
<meta name=”keywords” content=”關(guān)鍵字1,關(guān)鍵字2,…" />
<meta name="description" content="內(nèi)容介紹" />
</head>
<body>
<br /> <!--換行符-->
<p align=”right”>這是一個向右對齊的段落</p>
<h1>標(biāo)題文本是有6個,由h1至h6,越來越小</h1>
<b>定義粗體文本</b>
<i> 定義斜體文本 </i>
<del>定義刪除文本</del>
<sup>定義上標(biāo)字</sup>
<sub>定義下標(biāo)字</sub>
<a href=”URL” title=”鏈接提示信息” target=”鏈接打開方式(_blank,_self,_top)”>超鏈接</a>
<a href=”mailto:郵箱地址”>郵件鏈接</a>
<a href=”tel:電話號碼”>一鍵撥打</a>
<a href="sms:139xxxxxxx">一鍵發(fā)送短信</a>
<img src="URL" width="寬度" height="高度" alt="替代文字" usemap="#map 名稱" /> <!--圖像熱區(qū)(shape的取值rect,circle,poly)-->
<map name="map 名稱">
<area shape="形狀" coords="坐標(biāo)值" href="URL" />
</map>
</body></html>
無序列表/有序列表
語句:
<ul>
<li>無序列表</li>
<li>可通過type屬性來設(shè)置列表樣式</li>
<li>具體的值為disc,Circle,square</li></ul><ol >
<li>有序列表</li>
<li>可通過type屬性來設(shè)置列表樣式</li>
<li>還可以用start設(shè)置排列的起點數(shù)值</li>
</ol>
audio(音頻)/video(視頻)
audio標(biāo)簽的語法與video標(biāo)簽的語法相同,只是屬性方面video比audio多了幾個,下面我會詳細(xì)的列出來
語句:
<audiocontrols="controls">
當(dāng)標(biāo)簽無效時,會出現(xiàn)這段字!
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg"></audio>
table表格
語句:
<table border="1">
<tr>
<th>row 1, cell 1</th>
<th>row 1, cell 2</th>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr></table>
<table> 定義表格
<th> 定義表頭
<tr> 定義表格的行
<td> 定義表格單元
<iframe> 內(nèi)嵌框架
語句:
<iframe src="URL" name="框架名"> ~ </iframe>
網(wǎng)站上的廣告大多數(shù)就是使用了內(nèi)嵌框架
hidden
hidden是HTML全局屬性,標(biāo)簽中出現(xiàn)該屬性,則隱藏標(biāo)簽,然后可使用 JavaScript 來刪除 hidden 屬性,使該元素變得可見。
<p hidden>這是一段隱藏的段落。</p>
原文來自:博客園/