web第六课：div标签和span标签

1.div标签：没有具体的含义，用来划分页面的区域，独占一行

 

 如下所示：在网页中用来划分区域，

发现了网页中的内容被划分为三块，左边一块，中间一块，右边一块，这就是div标签的作用，用来划分区域。

代码演示：

小技巧：在写重复的标签时，可以有下面两种快捷的方法：

方法一：只快速重复写标签

 结果：

 你想写几个重复的标签就直接在这个标签后面乘以这个数，比如上面我想写三个重复的div标签，因为一个一个写太麻烦了，所以我就直接写div*3就出来了三个标签。

方法二：写三个带有内容的重复标签

 结果：

 上面的{}大括号里的是标签中间的内容，这里我们就拿11111举例子，所以如果你想写三个带有内容的重复标签，你就在div标签后面加上一个大括号然后再乘以数量。

所以这个div标签总结果为：

发现没有这个标签的结果是独占一行，每一个div标签的内容无论多少就独占一行，这也是div标签的固定的性质，这时候就有小伙伴问了，那为什么 下面这个图每个div标签的内容不是独占一行呢，原因是在没有外界强制的控制下，就div本身而言，结果是独占一行，但是如有外界的强制改变那也是会改变的

2.span标签

作用是:对文本独立修饰，看下面这张图红色框住的东西，这个体育和sports在一个标签里，显示了不同的颜色和字体，这时候就要用到span标签了，将体育和sports各自单独套一个span让他们显示不一样的字体和颜色

 代码演示：

结果：

 发现只加span标签没有任何的意义，要给span标签加上属性值才能修饰，如下图，给span加属性值

 结果：

 所以单独的span标签没意义，要给它加上属性标签才可以显现出来作用