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等源碼筆記,須要的能夠點我獲取佈局
總結:
不得不說前端涉及的內容是如此地普遍,文章持續更新中~ 請多多關注前端dog喔~字體