補習前端(css+html)基礎-1:

1.HTML <fieldset> 標籤:html

  • 實例

組合表單中的相關元素:瀏覽器

<form>
<fieldset>佈局

<legend>health information</legend>
height: <input type="text" />
weight: <input type="text" />

</fieldset>
</form>spa

  • 定義和用法

fieldset 元素可將表單內的相關元素分組。<fieldset> 標籤將表單內容的一部分打包,生成一組相關表單的字段。
當一組表單元素放到 <fieldset> 標籤內時,瀏覽器會以特殊方式來顯示它們,它們可能有特殊的邊界、3D 效果,或者甚至可建立一個子表單來處理這些元素。code

<fieldset> 標籤沒有必需的或惟一的屬性。orm

<legend> 標籤爲 fieldset 元素定義標題。htm

clipboard.png

  • 屬性:

clipboard.png

例子:
clipboard.pngip

clipboard.png

2.HTML <ol> 標籤資源

  • 定義和用法:

<ol> 標籤訂義有序列表。文檔

  • 屬性:

clipboard.png

  • 例子:

reserved :
clipboard.png

start :
clipboard.png

type :

clipboard.png

clipboard.png

3.dl標籤

  • 實例:

clipboard.png

  • 定義和用法:

clipboard.png

4.html中的menu標籤

  • 屬性:

clipboard.png

  • 例子:

clipboard.png

5.html中的dir標籤:

  • 定義和用法

<dir> 標籤訂義目錄列表。

  • 例子:

clipboard.png

6.HTML 標籤

  • 定義和用法

標籤修飾的內容都是用斜體字來顯示, 標籤告訴瀏覽器把其中的文本表示爲強調的內容。對於全部瀏覽器來講,這意味着要把這段文字用斜體來顯示。

7.HTML 標籤

  • 定義和用法

標籤規定粗體文本。

  • 提示和註釋

註釋:根據 HTML5 規範,在沒有其餘合適標籤更合適時,才應該把 標籤做爲最後的選項。HTML5 規範聲明:應該使用 <h1> - <h6> 來表示標題,使用 標籤來表示強調的文本,應該使用 標籤來表示重要文本,應該使用 <mark> 標籤來表示標註的/突出顯示的文本。

  • 實例

<p>這是普通文本 - 這是粗體文本。</p>

clipboard.png

8.html中的label標籤

  • 例子

clipboard.png

  • 定義和用法

<label> 標籤爲 input 元素定義標註(標記)。
label 元素不會向用戶呈現任何特殊效果。不過,它爲鼠標用戶改進了可用性。若是您在 label 元素內點擊文本,就會觸發此控件。就是說,當用戶選擇該標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控件上。
<label> 標籤的 for 屬性應當與相關元素的 id 屬性相同。

9.html中的標籤

  • 例子:

clipboard.png

  • 定義和用法

<col> 標籤爲表格中一個或多個列定義屬性值。
如需對所有列應用樣式,<col> 標籤頗有用,這樣就不須要對各個單元和各行重複應用樣式了。您只能在 table 或 colgroup 元素中使用 <col> 標籤。

10.HTML <caption> 標籤

  • 定義和用法:

caption 元素定義表格標題。
caption 標籤必須緊隨 table 標籤以後。您只能對每一個表格定義一個標題。一般這個標題會被居中於表格之上。

  • 可選的屬性:

clipboard.png

  • 例子:

clipboard.png

11.HTML <link> 標籤

  • 定義和用法

<link> 標籤訂義文檔與外部資源的關係。
<link> 標籤最多見的用途是連接樣式表。

  • 提示和註釋:

註釋:link 元素是空元素,它僅包含屬性。
註釋:此元素只能存在於 head 部分,不過它可出現任何次數。

  • 屬性(rel 屬性規定當前文檔與被連接文檔之間的關係。)

clipboard.png
rel屬性值:

clipboard.png

12.HTML <optgroup> 標籤

  • 例子:

clipboard.png

  • 定義和用法:

<optgroup> 標籤訂義選項組。
optgroup 元素用於組合選項。當您使用一個長的選項列表時,對相關的選項進行組合會使處理更加容易。

13.HTML <tbody> 標籤

  • 例子:

clipboard.png
實驗結果:
clipboard.png

  • 定義和用法

<tbody> 標籤表格主體(正文)。該標籤用於組合 HTML 表格的主體內容。
tbody 元素應該與 thead 和 tfoot 元素結合起來使用。
thead 元素用於對 HTML 表格中的表頭內容進行分組,而 tfoot 元素用於對 HTML 表格中的表注(頁腳)內容進行分組。
註釋:若是您使用 thead、tfoot 以及 tbody 元素,您就必須使用所有的元素。它們的出現次序是:thead、tfoot、tbody,這樣瀏覽器就能夠在收到全部數據前呈現頁腳了。您必須在 table 元素內部使用這些標籤。
提示:在默認狀況下這些元素不會影響到表格的佈局。不過,您可使用 CSS 使這些元素改變表格的外觀。

14.html <ins>標籤:

  • 例子:

clipboard.png

  • 可選的屬性:

clipboard.png

相關文章
相關標籤/搜索