史上最全HTML分類標籤,看完不瞭解來砍我

html標籤

html標籤HTML 元素指的是從開始標籤(start tag)到結束標籤(end tag)的全部代碼。css

  • 標籤不會出如今頁面中,只有標籤中的內容纔會顯示在頁面上 :也就是<html>此處爲內容</html>
  • 標籤不區分大小寫,可是推薦使用小寫 :(X)HTML 版本中強制使用小寫,這樣更加嚴謹
  • 標籤分爲閉合標籤和空標籤 :閉合標籤是指由開始標籤和結束標籤組成的一對標籤,這種標籤容許嵌套和承載內容,例如:<html></html>、<p></p>;空標籤是沒有內容的標籤,在開始標籤中自動閉合,例如:<img />、<br />、<hr />

html標籤分類

html標籤又叫作html元素,它分爲塊級元素和內聯元素(也能夠叫作行內元素),都是html規範中的概念。html

塊級元素

塊級元素是指自己屬性爲display:block;的元素。由於它自身的特色,咱們一般使用塊級元素來進行大布局(大結構)的搭建。前端

塊級元素的特色:

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

經常使用的塊級元素

標籤 描述
div 經常使用塊級容器,也是css layout的主要標籤
h1 大標題
h2 副標題
h3 三級標題
h4 四級標題
h5 五級標題
h6 六級標題
hr 水平分隔線
menu 菜單列表
ol 有序列表
ul 無序列表
li 列表項
dl 定義列表
dt 定義術語
dd 定義描述
table 表格
p 段落
form 交互表單

內聯元素

內聯元素是指自己屬性爲display:inline;的元素。由於它自身的特色,咱們一般使用塊級元素來進行文字、小圖標(小結構)的搭建。vue

內聯元素的特色:

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

經常使用的內聯元素

標籤 描述
span 經常使用內聯容器,定義文本內區塊
a 錨點
b 加粗
strong 加粗強調
i 斜體
em 斜體強調
s 中劃線(不推薦使用)
strike 中劃線
del 文檔中已被刪除的文本
br 強制換行
u 下劃線
textarea 多行文本輸入框
input 輸入框
select 下拉列表
label input 元素定義標註(標記)
img 引入圖片
sub 下標
sup 上標
big 大字體文本
small 小字體文本

另外,dog這裏收集了一些css,html,flutter,vue等源碼筆記,須要的能夠點我獲取佈局

200源碼筆記

總結:

不得不說前端涉及的內容是如此地普遍,文章持續更新中~ 請多多關注前端dog喔~字體

相關文章
相關標籤/搜索