html div 标签介绍

一、Html DIV介绍

这里html div是指html源代码里的div标签。

如在html中DIV代码片段:

<div class="yangshi">演示</div>

 

二、DIV标签使用说明

  1. 在html中布局使用最多标签为div,
  2. 我们通常将网页重构说成div css制作。
  3. Div本身没有什么特别之处,只是div标签替代了以前table标签布局。
  4. 我们通过对div标签对象设置不同样式实现我们要的美化效果。
  5. 通常一对未设置任何样式的div,独占一行。

 

三、DIV作用

Div起分割作用,是分割内容常使用的标签。DIV+CSS更是起到分割与设置对应样式作用。

 

四、div演示代码

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <div>第一个div</div>
    <div>第二个div</div>
    <div>第三个div</div>
</body>
</html>

在线运行

效果如下:

html div 实例

说明:以上使用了div分别隔开了“第一个div”、“第二个div”和“第三个div”文字。

 

总结:

  1. Div是Html标签之一,div具有分割内容作用,div与CSS样式可让网页实现各种样式效果。
  2. 在html中使用最多的布局标签为div,加上对网页设置css样式,所以通常我们就说div+css制作就是用div标签+css样式实现网页布局重构。