HTML5是最新的HTML標(biāo)準(zhǔn),有很多新特性和標(biāo)簽,下面介紹一些常用代碼:
1. DOCTYPE聲明
<!DOCTYPE html>
使用這個(gè)聲明可以告訴瀏覽器這是一個(gè)HTML5文檔,必須寫(xiě)在文檔的開(kāi)頭。
2. meta標(biāo)簽
<meta charset="UTF-8">
使用這個(gè)標(biāo)簽可以設(shè)置文檔的字符集,UTF-8是現(xiàn)在最通用的字符集。
3. 標(biāo)題標(biāo)簽
<h1>標(biāo)題一</h1> <h2>標(biāo)題二</h2> <h3>標(biāo)題三</h3>
HTML5中h1到h6標(biāo)簽仍然存在,用于表示標(biāo)題的級(jí)別。
4. 段落標(biāo)簽
<p>段落一</p> <p>段落二</p>
使用p標(biāo)簽表示段落。
5. 圖像標(biāo)簽
<img src="圖片地址" alt="圖片說(shuō)明">
使用img標(biāo)簽插入圖片,src表示圖片的URL,alt用于描述圖片內(nèi)容。
6. 超鏈接標(biāo)簽
<a href="鏈接地址">鏈接文字</a>
使用a標(biāo)簽創(chuàng)建超鏈接,href表示鏈接到的頁(yè)面地址。
7. 列表標(biāo)簽
<ul> <li>列表項(xiàng)一</li> <li>列表項(xiàng)二</li> </ul>
使用ul或ol標(biāo)簽表示無(wú)序或有序列表,li標(biāo)簽表示其中的一個(gè)列表項(xiàng)。
8. 表格標(biāo)簽
<table> <tr> <th>表頭一</th> <th>表頭二</th> </tr> <tr> <td>單元格一</td> <td>單元格二</td> </tr> </table>
使用table、tr、th和td標(biāo)簽表示表格,th表示表頭單元格,td表示數(shù)據(jù)單元格。
9. 表單標(biāo)簽
<form action="處理表單的頁(yè)面" method="提交方式"> <input type="text" name="username" placeholder="用戶名"> <input type="password" name="password" placeholder="密碼"> <input type="submit" value="登錄"> </form>
使用form標(biāo)簽創(chuàng)建表單,action表示表單提交后處理的頁(yè)面地址,method表示提交方式(get或post),input標(biāo)簽表示輸入框和提交按鈕。