HTML基礎之簡介和標籤

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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章