html元素的分類有哪些?


今天零度給大家講一下基本的html元素分類:
 HTML元素的分類其實主要有兩種元素構成——塊級元素和內聯元素。

html元素的分類有塊級元素和行內元素 

一、塊級元素(block)的特點:

1、總是在新行上開始;
2、高度,行高以及外邊距和內邊距都可控制;
3、寬度缺省是它的容器的100%,除非設定一個寬度;
4、它可以容納內聯元素和其他塊元素。 

 二、內聯元素(inline)的特點:   

1、和其他元素都在一行上;
2、高和外邊距不可改變;
3、寬度就是它的文字或圖片的寬度,不可改變;
4、設置寬度width無效。
5、設置高度height無效,可以通過line-height來設置;
6、設置margin只有左右margin有效,上下無效;
7、設置padding只有左右padding有效,上下則無效。注意元素范圍是增大了,但是對元素周圍的內容是沒影響的;
8、內聯元素只能容納文本或者其他內聯元素。

三、常見塊級元素: 

    ◎ address - 地址
    ◎ blockquote - 塊引用
    ◎ center - 舉中對齊塊 (html5取消了該標簽)
    ◎ div - 常用塊級容易,也是css layout的主要標簽
    ◎ dl - 定義列表
    ◎ fieldset - form控制組
    ◎ form - 交互表單
    ◎ h1 - 大標題
    ◎ h2 - 副標題
    ◎ h3 - 3級標題
    ◎ h4 - 4級標題
    ◎ h5 - 5級標題
    ◎ h6 - 6級標題
    ◎ hr - 水平分隔線
    ◎ isindex - input prompt
    ◎ menu - 菜單列表
    ◎ noframes - frames可選內容,(對於不支持frame的瀏覽器顯示此區塊內容)
    ◎ noscript - 可選腳本內容(對於不支持script的瀏覽器顯示此內容)
    ◎ ol - 排序表單
    ◎ p - 段落
    ◎ pre - 格式化文本
    ◎ table - 表格
    ◎ ul - 非排序列表(無序列表)
    ◎ address - 地址

  四、常見的內聯元素:

    ◎ a - 錨點
    ◎ abbr - 縮寫
    ◎ acronym - 首字
    ◎ b - 粗體(不推薦)
    ◎ bdo - bidi override
    ◎ big - 大字體
    ◎ br - 換行
    ◎ cite - 引用
    ◎ code - 計算機代碼(在引用源碼的時候需要)
    ◎ dfn - 定義字段
    ◎ em - 強調
    ◎ font - 字體設定(不推薦) (html5取消了該標簽)
    ◎ i - 斜體
    ◎ img - 圖片
    ◎ input - 輸入框
    ◎ kbd - 定義鍵盤文本
    ◎ label - 表格標簽
    ◎ q - 短引用
    ◎ s - 中划線(不推薦)
    ◎ samp - 定義范例計算機代碼
    ◎ select - 項目選擇
    ◎ small - 小字體文本
    ◎ span - 常用內聯容器,定義文本內區塊
    ◎ strike - 中划線
    ◎ strong - 粗體強調
    ◎ sub - 下標
    ◎ sup - 上標
    ◎ textarea - 多行文本輸入框
    ◎ tt - 電傳文本
    ◎ u - 下划線
    ◎ var - 定義變量


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM