HTML5基本標籤的應用
阿新 • • 發佈:2018-11-29
基本標籤
- <html>標籤 它是html文件的根元素。但是html5允許完全省略這個元素。
- <head>標籤 它是用於定義html文件的頭部。但是html5允許完全省略這個元素。
- <title>標籤 它是用於定義html頁面的標題。
- <body>標籤 它是用於定義html的頁面主體部分。該標籤可以指定id、class、style、等核心屬性。還可以指定onload、onunload、onclick等事件屬性。
- <style>標籤 該元素用於引用樣式的定義。
- <h1>~<h6>標籤 定義標題一到標題六。
- <p>標籤 定義段落,該標籤可以指定id、class、style等核心屬性。
- <span>標籤 與<div>標籤基本相似 該標籤內容預設不會換行。
- <p>標籤是塊標籤,<div>標籤也是塊標籤,<span>的內聯標籤。這三個都是容器標籤。不同是<p>會自帶的有段落間距,<div>不會,只有<span>標籤內容不換行。
- <br>標籤 插入一個換行。
- <hr>標籤 定義水平線。
超連結,列表相關
- <a>網頁的連結標籤。href:關聯著另一個資源。target:指定框架中使用哪個框架來裝載另一個資源,_self使用自身、_blank新視窗、_top頂層框架、_parent父框架。media:指定目標URL所引用的媒體型別。預設為all,只有指定了href才會有效。
- <ul>定義無序列表。該元素的內部只能包含<li>元素。
- <ol>定義有序列表。該元素的內部只能包含<li>元素。start:指定列表起始項資料。eg:A、1等。type:使用哪種型別編號。
- <li>定義列表項。
- <dl>定義列表。可以定義標題。
- <dt>定義標題列表項。
- <dd>定義普通列表項。
- <img>定義影象。src:影象資源URL。alt:指定一段文字作為該圖片的提示資訊。
- <table>用於定義表格。cellpadding:指定單元格內容與單元格邊框之間的間距。cellspace:指定單元格之間的間距。width:指定表格的寬度。
- <caption>用於定義表格標題。
- <tr>定義表格行。只能包含<td>、<th>兩種元素。
- <td>定義單元格。colspan:該單元格跨多少列。rowspan:該單元格跨多少行。
- <th>定義表格頁首單元格。
- <tbody>定義表格主體。
- <thead>定義表格頭。
- <tfoot>定義表格腳。
- <iframe>定義內聯框架。
- <button>定義按鈕。可以在標籤內放置文字、影象。這是該元素與通過 input 元素建立的按鈕的不同之處。
- <datalist>定義標籤選項列表。與input標籤配合使用。請使用 input 元素的 list 屬性來繫結 datalist。
-
<input> 標籤規定使用者可輸入資料的輸入欄位。
根據不同的 type 屬性,輸入欄位有多種形態。輸入欄位可以是文字欄位、複選框、密碼欄位、單選按鈕、按鈕等等。 -
<textarea>定義一個文字區域 (text-area) (一個多行的文字輸入區域)。使用者可在此文字區域中寫文字。在一個文字區中,您可輸入無限數量的文字。文字區中的預設字型是等寬字型 (fixed pitch)。
-
<optgroup> 標籤定義選項組。此元素允許您組合選項。當您使用一個長的選項列表時,對相關的選項進行組合會使處理更加容易。
-
<option> 標籤定義下拉列表中的一個選項。
-
<output> 標籤定義不同型別的輸出,比如指令碼的輸出。
-
<menu> 標籤定義選單列表。當希望列出表單控制元件時使用該標籤。
-
<mark> 標籤定義帶有記號的文字。通常是高亮顯示。
-
<figure> 標籤規定獨立的流內容(影象、圖表、照片、程式碼等等)。figure 元素的內容應該與主內容相關,但如果被刪除,則不應對文件流產生影響。
文字格式化元素
- <b>標籤 定義粗體文字。
- <i>標籤 定義斜體文字。
- <em>標籤 定義斜體文字。
- <strong>標籤 定義粗體文字。
- <strong>增加了語義。使用<strong>包起來的文字代表重要文字
- <small>定義小號字型文字。
- <sup>定義上標文字。
- <sub>定義下標文字。
- <bdo>定義文字的顯示方向。該標籤可以指定dir屬性,該屬性的值只能是ltr或者rtl。