html常規標籤總結
html中的標籤：
超文字標記語言（外國語簡稱：HTML）標記標籤通常被稱為HTML標籤，HTML標籤是HTML語言中最基本的單位，HTML標籤是HTML（標準通用標記語言下的一個應用）最重要的組成部分。
html標籤的大小寫無關的，推薦使用小寫。
特點：
1. 由尖括號包圍的關鍵詞，通常是成對出現的，比如<div>和</div>
2. 標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤； 開始和結束標籤也被稱為開放標籤和閉合標籤。 也有單獨呈現的標籤，如：<img src="123.jpg" />等
3. 一般成對出現的標籤，其內容在兩個標籤中間。單獨呈現的標籤，則在標籤屬性中賦值。如<h1>
</h1>和 <input type="text" value="按鈕" /> 4. 網頁的內容需在
<html>標籤中，標題、字元格式、語言、相容性、關鍵字、描述等資訊顯示在<head>標籤中，而網頁需展示的內容需巢狀在<body>標籤中。某些時候不按標準書寫程式碼雖然可以正常顯示，但是作為職業素養，還是應該養成正規編寫習慣
常用標籤和特點：
1. html超文字標記語言 – 所有網頁標籤的一個容器
2. head定義了網頁（文件）的資訊，（不會顯示在遊覽器視窗）
3. meta 定義了html文件中的元資料，網頁的元資訊（charset=utf-8指網頁內容的編碼型別，國際編碼）
gbk2312 中文編碼型別
4. title 定義了文件的標題
5. body網頁的主體內容區域（遊覽器視窗中顯示的內容）
6. div 俗稱為盒子，division(分割)。特點： 預設高度為0，寬度相對於父級盒子是100%；獨立成行，垂直顯示（預設垂直佈局）。結構：包含關係 = 父子結構；同級關係 = 兄弟結構
7. img圖片標籤：（單閉合標記）。<img src=”圖片路徑” />
8.
<br /> 換行標籤 9. h1~h6 標題標籤。
<h1>標題文字</h1> 特徵：級別由高到低，h1~h6，一般頁面中h1只使用一次，因為要分清主次關係。自帶加粗，字型大小，外間距，且是塊級元素。獨立成行，具有div的全部特徵。 10. p段落標籤
<p>段落文字</p> 特徵：具有div的全部特徵，自帶外間距 11. ul無序列表
語法格式：
<ul - ol有序列表
語法：
<ol>
<li>子項</li>
<li>子項</li>
<li>子項</li>
</ol>特徵：ul，ol具有div的全部特徵，自帶列表符、外間距、內填充。
去掉列表符樣式 ul{ list-style:none; }
13. 萬能標籤<span></span> 行級元素
14. a標籤 – 超連結標籤
格式：<a href=”跳轉網址”>文字內容或者圖片</a>
特徵：自帶藍色，下劃線，訪問後會變為紫色，如果為空連結，可以用#佔位
注意：標籤自帶的樣式特徵是無法父級改變的（例如a的顏色和下劃線）
新視窗開啟：target=“_blank
15. 定義列表：dl（塊級元素，其中dl，dd自帶外間距）
<dl>
<dt>標題</dt>
<dd>子列表項</dd>
<dd>子列表項</dd>
<dd>子列表項</dd>
</dl>特點：自帶外間距，一個dl裡面可以有多個dt和dd；
16. 郵件連結：<a href=”mailto:[email protected]”>傳送郵件</a>
可以呼叫本地郵件系統
17. 錨點技術：實現單頁面間的跳轉
第一種方法：
1、 下錨（做記號）跳轉的目標位置<a name=”自定義的錨點名稱”></a>
2、 在導航上，寫上<a href=”#錨點名”></a>
第二種方法：
1、 下錨（做記號）<div id=”自定義錨點名”></div>
2、 在導航上，寫上<a href=”#錨點名”></a>
18. form表單標籤 – 相當於表單控制元件的容器
格式：<input type=”型別”/>
文字框：type=“text” name=”標識名” value=“預設值” placeholder=”預設名/值”
密碼框：type=“password” name=“標識名”
name屬性規定input元素的名稱，用於對提交到伺服器後的表單資料進行標識，或者在客戶端通過JavaScript引用表單資料。
單選框：type=”radio”name=”起一個統一的名字，實現單選”
checked=”checked”(預設被選中的)
多選框：type=”checkbox” checked=”checked”(預設被選中的)
下拉列表：
<select>
<option>子項</option>
<option>子項</option>
<option>子項</option>
</select> selected=”selected” 預設選擇
文字域：<textarea>實現多行文字的</textarea>
按鈕：
單純的按鈕： type=“button” value=“改寫或重置文字的”
提交按鈕：type=”submit” value=“改寫或重置文字的”
重置按鈕：type=“reset” value=“改寫或重置文字的”
-
-