html分類與區別

超文本標記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用於創建網頁的標準標記語言。那麼html元素的分類與區別是什麼呢?本文就將對此進行介紹。

HTML元素

HTML 元素以開始標籤起始,以結束標籤終止。元素的內容是開始標籤與結束標籤之間的內容。某些 HTML 元素具有空內容(empty content)。空元素在開始標籤中進行關閉(以開始標籤的結束而結束)。大多數 HTML 元素可擁有屬性

標籤分類與區別

html標籤(又叫html元素)分爲:塊級元素和內聯級元素(又稱爲行內元素)

塊級元素

塊級元素是指本身屬性爲display:block;的元素。因爲它自身的特點,我們通常使用塊級元素來進行大布局(大結構)的搭建。

塊級元素的特點

  • 獨佔一行,每一個塊級元素都會從新的一行重新開始,從上到下排布
  • 可以直接控制寬度、高度以及盒子模型的相關css屬性
  • 在不設置寬度的情況下,塊級元素的寬度是它父級元素內容的寬度
  • 在不設置高度的情況下,塊級元素的高度是它本身內容的高度

常見塊級元素

  • div 常用塊級元素,CSS-layout的主要標籤
  • h1~h6 標題,大標題,副標題,。。。六級標題
  • hr 水平分隔線
  • menu 菜單列表
  • ol 有序列表
  • ul 無序列表
  • li 列表項
  • dl 第一列表
  • dt 定義術語
  • dd 定義描述
  • table 表格
  • p 段落
  • from 交互表單

內聯元素(行內元素)

內聯元素是指本身屬性爲display:inline;的元素。因爲它自身的特點,我們通常使用行內元素來進行文字、小圖標(小結構)的搭建。

內聯元素(行內元素)的特點

  • 和其他內聯元素從左到右在一行顯示
  • 不能直接控制寬度、高度以及盒子模型的相關css屬性,但是直接設置內外邊距的左右值是可以的
  • 內聯元素的寬高是由本身內容的大小決定(文字、圖片等)
  • 內聯元素只能容納文本或者其他內聯元素(此處請注意,不要在內聯元素中嵌套塊級元素

常見內聯元素

  • span 常用內聯元素,定義文本內區塊
  • a 錨點
  • b 加粗
  • strong 加粗強調
  • i 斜體
  • em 斜體強調
  • s 中劃線(不推薦)
  • strike 中劃線
  • del 文檔中已被刪除的文本
  • br 強制換行
  • textarea 多行文本輸入框
  • input 輸入框
  • select 下拉列表
  • label input元素定義標註(標記)
  • img 引入圖片
  • sub 下標
  • sup 上標
  • big 大字體文本
  • small 小字體文本
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章