1. 程式人生 > >HTML標簽類型及特點

HTML標簽類型及特點

如果 html ... margin 塊元素 put spl 比較 str

關鍵詞:塊級元素 行級元素 行內塊元素

一、 概述

HTML(Hyper Text Markup Language )作為一種標記語言,網頁所有的內容均書寫在標簽內部,標簽是組成Html頁面的基本元素,因此對標簽特性的理解在HTML的學習過程中比較重要。

二、基本分類

HTML中的標簽從閉合的角度可以分為閉合標簽和空標簽。而HTML中大部分標簽都是閉合標簽,其他少數為空標簽,常見的空標簽有<input />、 <img />、 <area />、 <base />、 <link />等。 HTML中對標簽另一種分類方式,是根據標簽在文檔中的位置特性進行分類的,它將元素分為三類:塊級元素,行內元素,行級塊元素(也稱塊級行元素)。
1.塊級元素(block)   特點: (1)可以設置寬高、內、外邊距;   (2)獨占一行(即前後均有換行);   (3)塊級元素如果不設置寬度和高度,則寬度默認為父級元素的寬度。高度則根據內容大小自動填充。    常見的塊級元素: div、p、h1、h2......hn,ol、ul、dl、li、form、table 2.行級元素(inline) 特點: (1)不可設置寬高、上下內、外邊距。(左右內、外邊距設置有效) (2)其寬度和高度由其內容自動填充。
(2)其他行級元素共處一行 常見的行級元素:a、span、i、lable等 3.行內塊元素(inline-block) 特點:(1)可以設置寬高、內外邊距; (2)可以與其他行內元素、內聯元素共處一行; 常見的內聯元素:input、img 4.元素之間的轉化 可以在行內樣式或css樣式中改變元素的display將三種元素進行轉換。 display:block;(將元素變為塊級元素)
display:inline; (將元素變為行級元素) display:inline-block;(將元素變為行級塊元素)




HTML標簽類型及特點