標籤的類型和屬性

前端的標籤有不少類型，可是工做中真正用於開發的就那麼幾個，可是並不意味着你開發不用就不須要了解由於面試要用。

我認爲經常使用的標籤有如下幾個：
1.div標籤

塊級元素，是頁面上最經常使用的標籤

2.img標籤 img標籤是行內塊元素（就是同時具備行內元素在一排的特性，又有塊內元素的能夠控制with和height的特性，若是你不規定一個img標籤的大小，那麼默認的是src裏面的圖片原始大小）

img標籤顧名思義是用來引用圖片的，裏面的主要屬性有src和alt src裏面能夠引用相對定位和絕對定位

alt的用法是一個兜底的方案，就是在src裏面的地址無效或者網絡很差的狀況下一個圖片的佔位文案或者icon

3.link標籤
這個是爲了引用css文件的標籤，等咱們在css那一部分會單獨講
4.script標籤
這個是爲了引用js腳本文件的標籤，等咱們在js那一部分會單獨講
5.input標籤
input標籤是一種在網頁表單中常常使用的單位標籤
傳送門http://www.w3school.com.cn/tags/tag_input.asp

6.ul,li,ol標籤
ol有序列表 裏面嵌套li

ol標籤有個type屬性默認等於1，能夠選擇A（大些ABC），a（小些abc）
ul無序列表 裏面嵌套li

ul也有type屬性，默認disc，能夠選擇square或者circle

square

circle
ps:ul ol li都是塊級元素
7.a標籤
a標籤傳送門： www.w3school.com.cn/tags/tag_a.…

a連接主要是跳轉使用的主要屬性是href（相對地址或者絕對地址，若是跳轉到外部連接的時候必定要用絕對地址）
下面咱們簡單的聊一下「標籤屬性」；
屬性就是寫在咱們標籤中有等號的一些屬性好比：
<div id="123"/> <div class="abc"/> 等等 屬性主要的做用： 1.爲了給某一個或者某一類標籤標示出來加樣式 2.爲了給某一個或者某一類標籤標示出來加邏輯方便js操做 具體的樣式操做和邏輯操做咱們未來會在css和js的專集中詳細講解，在這裏你們只要「知其然」，暫時不用知道「知其因此然」。