html中的標籤有那麼多，如何簡單有快捷的記住他們呢？標籤雖然多，常用的就那麼幾個，只要把他們分類，就好記多啦。
塊級元素
行級元素
行內塊元素
div,p,h1-h6,form,ulli,olli,address,table
span,a,偽元素,strong,del,em
img三者有什麼區別呢？廢話不多說，直接上**。
我是第乙個divdiv
>
我是第二個divdiv
>
我是第乙個spanspan
>
我是第二個spanspan
>
*
divdiv.box
div.box2
span
span.s1
span.s2
可以發現，我們給span標籤設定了寬高，卻沒有設成功，而div標籤設定成功了，這是塊級元素與行級元素的區別之一：
塊級元素可以設定寬高，行級元素不能設定寬高，行級元素的寬高是其內容撐起的
除此之外，我們可以發現，div獨佔了一行，並自動換行，正如其名字塊級元素一樣，這是區別之二：
塊級元素獨佔一行，自動換行
任何標籤都有外邊距（margin）和內邊距（padding），那兩者在margin和padding方面又有什麼區別呢？
對於div,margin和padding上下左右都是有效的，而span標籤，雖然padding的上下有在變化，但並沒有像div那樣，把其他元素頂出去，它只是自己的寬高在變，這種不能被算作有效,這是塊級元素與行級元素的區別三：
塊級元素支援margin和padding，行級元素margin和padding只有左右有效，上下無效
兩者最後乙個區別是
塊級元素可以新增任意內容（除h標籤和p標籤），行級元素只能新增行級元素（除a標籤）
這點和之後的就自己下去試試吧，自己動手，豐衣足食！
以上都是塊級元素和行級元素的區別，那行級塊元素呢？
行級塊元素就是塊級元素和行級元素的結合體，它具有的特點：
不會獨佔一行，不會自動換行，可以新增高度和寬度，可以新增任意內容，支援margin和padding
最後，是最最最重要的點三者的轉換
轉化成塊級元素
display : block
轉化成行級級元素
display : inline
轉化成行級塊元素
display : inline-block
別小看他們哦，這三個可以起很大作用的，轉化為對應的元素，就具有其的特點了，比如，我們想要讓上面的span標籤可以設定寬高，只需要新增display : block,就可以實現啦，自己下去試試吧！！！
前端之標籤分類塊標籤和行內標籤
一 塊級元素 1 塊級元素的特徵 1 塊級元素獨佔一行，之後的元素也只能另起一行，相鄰的兩個塊級元素不能共用一行。2 塊級元素其元素的高度，寬度，行高和頂部底部邊距都是可以設定的。3 元素的寬度如果不設定的話，預設為父元素的寬度。4 塊級元素對應的屬性為display block 2 常見塊級元素 ...
前端學習 列表標籤
由於本人也是初學html，以下都為本人學習過程中分點整理的知識點，希望共同進步，不足之處望指出批正。1.什麼是列表標籤 作用 給一堆資料新增列表語義，也就是告訴瀏覽器這一堆資料是乙個整體 2.html中列表標籤的分類 無序列表 使用最多 unordered list 有序列表 使用最少 ordere...
前端學習 標籤初識
1.html的標籤 大部分元素都有乙個開始標記和結束標記，如 在開始標記和結束標記之間可以填充placeholder text 系標題 header的縮寫，隨著數字變大字型變小 段落無序列表 有序列表 文字輸入框，自封閉，新增required屬性 必須填，表單，給他新增乙個action屬性，其值制定...