HTML 5的常用元素與屬性

2021-09-19 22:51:15 字數 3002 閱讀 9172

1.1 html 5保留的常用元素

1.1.1 基本元素

1、html:文件根元素。

2、head:文件頁面頭部。存放文件基本資訊,不可見。

3、title:文件頁面標題。

4、body:定義主體部分。

5、h1到h6:定義標題一到標題六。(塊級元素)

6、p:定義段落。(塊級元素)

7、br:插入乙個換行。(空元素

8、hr:插入水平線。(空元素

9、div:定義文字中的節。(塊級元素

10、span:定義一般性文字。(行級元素

1.1.2 文字格式相關元素

1、b:定義粗體文字。(行級元素

2、strong:定義粗體文字。(行級元素

3、i:定義斜體文字。(行級元素

4、em:定義強調文字。(行級元素

5、small:定義小號字型文字。(行級元素

6、sup:定義上標文字。(行級元素

7、sub:定義下標文字。(行級元素

8、bdo:定義文字顯示方向。可以指定屬性dir,屬性值為ltr(從左向右排列)或rtl(從右向左排列),用於指定文字排列方向。(行級元素

1.1.3 語意相關元素

1、abbr:用於表示乙個縮寫。通常指定title屬性,用於縮寫所代表的全稱。(行級元素

4、q:用於定義一段短的引用文字。瀏覽器會為這段文字新增引號。(行級元素

5、cite:用於表示作品標題。瀏覽器會斜體顯示文字。如*《吶喊》*。 (行級元素

6、code:用於表示一段計算機**。(行級元素

7、dfn:用於定義乙個專業術語。瀏覽器會粗體或斜體表示文字。(行級元素

8、del:定義文件中被刪除的文字。以中劃線體現。(行級元素

9、ins:定義文件中插入的文字。以下劃線體現。(行級元素

10、pre:預格式化文字。所包含的空格、回車和其他字元會被保留。(塊級元素

11、samp:用於定義示範文字的內容。(行級元素

12、kbd:用於定義鍵盤文字。(行級元素

13、var:用於表示乙個變數。通常斜體顯示。(行級元素

14、a:定義超連結。href屬性用於與引用資源建立鏈結,target屬性指定裝載資源的框架,_self(自身)、_black(新視窗)、_top(頂層框架)、_parent(父框架)。(行級元素

1.1.4 列表相關元素

1、ul:定義無序列表。(塊級元素

2、ol:定義有序列表。(塊級元素

3、li:定義列表項。(塊級元素

4、dl:定義術語列表。(塊級元素

5、dt:定義標題列表項。(塊級元素

6、dd:定義普通列表項。(塊級元素

1.1.5 相關元素

1、img:定義。(空元素src屬性指定檔案位置,alt屬性指定替代文字。

shape:指定內部區域是那種區域,預設值為"rect(矩形區域)",還有值為:circleploy

coords:指定多個座標值,用於確定區域位置。

​ 除此之外還有hrefalttarget等屬性。(塊級元素

​ 通過img元素指定usemap屬性可以讓該對映,設定usemap的屬性值為**#mapname**即可。

1.1.6 **相關元素

1、table:定義**。只能包含0個或1個、、子元素,其餘子元素可以多個。(塊級元素

2、caption:定義**標題。(塊級元素

3、tr:定義**行,只能包含、 (塊級元素

4、td:定義單元格。(塊級元素

​ 屬性:

​ colspan:指定合併列。

​ rowspan:指定合併行。

​ height,width

5、th:指定**的表頭單元格。(塊級元素

7、tbody:**主體。(塊級元素

8、thead:**頭部。(塊級元素

9、tfoot:**頁尾。(塊級元素

HTML5常用元素

html5是對以前版本的html及xhtml的妥協,在無法完美規範html規則的情況下採取的折中方法,對之前任何版本的html都最大可能性的相容,所以學習起來並不像學習一門新語言一樣費勁。html5最基本的 格式如下 hello world 1.基本元素有 定義html注釋 html5文件的根元素 ...

HTML5新增屬性與元素 一

html5的新增屬性 新增的與表單相關的屬性介紹如下 1.autocomplete屬性 autoxcomplete屬性規定form或input域應該擁有自動完成功能.它使用form標籤,以及一下型別的input標籤 text,search,url,telephone,email,passowrd,d...

HTML5表單新增元素與屬性

在html4中,表單內的從屬元素必須書寫在 表單內部,而在html5中,可以把它們書寫在頁面上任何地方,然後為該元素指定乙個form屬性,屬性值為該表單的id,這樣就可以宣告該元素從屬於指定表單 以前 1 表單內元素的formaction屬性 在html4中,乙個表單內的所有元素只能通過表單的act...