1.div標簽：沒有具體的含義，用來劃分頁面的區域，獨占一行

?

?如下所示：在網頁中用來劃分區域，

發現了網頁中的內容被劃分為三塊，左邊一塊，中間一塊，右邊一塊，這就是div標簽的作用，用來劃分區域。

代碼演示：

小技巧：在寫重復的標簽時，可以有下面兩種快捷的方法：

方法一：只快速重復寫標簽

?結果：

?你想寫幾個重復的標簽就直接在這個標簽后面乘以這個數，比如上面我想寫三個重復的div標簽，因為一個一個寫太麻煩了，所以我就直接寫div*3就出來了三個標簽。

方法二：寫三個帶有內容的重復標簽

?結果：

?上面的{}大括號里的是標簽中間的內容，這里我們就拿11111舉例子，所以如果你想寫三個帶有內容的重復標簽，你就在div標簽后面加上一個大括號然后再乘以數量。

所以這個div標簽總結果為：

發現沒有這個標簽的結果是獨占一行，每一個div標簽的內容無論多少就獨占一行，這也是div標簽的固定的性質，這時候就有小伙伴問了，那為什么?下面這個圖每個div標簽的內容不是獨占一行呢，原因是在沒有外界強制的控制下，就div本身而言，結果是獨占一行，但是如有外界的強制改變那也是會改變的

2.span標簽

作用是:對文本獨立修飾，看下面這張圖紅色框住的東西，這個體育和sports在一個標簽里，顯示了不同的顏色和字體，這時候就要用到span標簽了，將體育和sports各自單獨套一個span讓他們顯示不一樣的字體和顏色

?代碼演示：

結果：

?發現只加span標簽沒有任何的意義，要給span標簽加上屬性值才能修飾，如下圖，給span加屬性值

?結果：

?所以單獨的span標簽沒意義，要給它加上屬性標簽才可以顯現出來作用

總結

以上是生活随笔為你收集整理的web第六课：div标签和span标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。