HTML簡介
HTML(HyperText Markup Language,超文本標記語言)是標準通用標記語言下的一個應用,也是一種規範,一種標準,通過標記符號來標記網頁中需要顯示的各個部分,即告知瀏覽器如何顯示其中的內容。
HTML的基本格式如下:
<!DOCTYPE html>
<html lang="en"> <!--頂層標記-->
<head>
<!-- 此處編寫標題、導航、登錄等內容--> <!--頭標記-->
</head>
<body>
<!--此處編寫網頁的主體內容--> <!--體標記-->
</body>
</html>
HTML標籤與表單
標籤
標籤是HTML的主要組成部分,一般成對出現,也有單個出現的。每一個標籤都代表一種顯示規則,HTML中常用的標籤如下表所示。
標籤 | 作用 | 舉例 |
---|---|---|
<p></p> | 段落標籤 | <p>隼與魚</p> |
<h1></h1>~<h6></h6> | 各級標題標籤 | <h1>一級標題</h1>~<h6>六級標題</h6> |
<a></a> | 鏈接標籤 | <a href="www.jianshu.com">簡書</a> |
<img /> | 圖片標籤 | <img src="www.jianshu.com/img/sunyuyu.jpg" alt="隼與魚" /> |
<table></table> | 表格標籤 | <table> <tr> <td>簡書</td></tr> <tr><td>作者</td></tr></tr> <td>隼與魚</td></tr></table> |
<tr></tr> | 表格中行標記 | <tr> <td>簡書</td> <td>作者</td><td>隼與魚</td></tr> |
<td></td> | 表格中行內列標記 | <td>http://www.jianshu.com</td> |
<ul></ul> | 無序列表標籤 | <ul> <li>簡書</li> <li>隼與魚</li> </ul> |
<ol></ol> | 有序列表標籤 | <ol> <li>http://www.jianshu.com</li><li>http://www.sunyuyu.com</li></ol> |
<li></li> | 有序列表和無序列表中項標籤 | <li>隼與魚</li> |
<dl></dl> | 定義列表 | <dl> <dt>簡書</dt> <dd>http://www.jianshu.com</dd> <dt>隼與魚</dt><dd>http://www.sunyuyu.com</dd> </dl> |
<dt></dt> | 定義列表中被定義詞標籤 | <dt>隼與魚</dt> <dd>http://www.sunyuyu.com</dd> |
<dd></dd> | 定義列表中定義描述標籤 | <dd>http://www.jianshu.com</dd> |