首页 >web前端 >html教程 > 正文

HTML的<div> 标签

原创2019-09-18 15:04:510571
第九期线上培训班
所有主流浏览器都支持 <div> 标签。

HTML <div> 标签

定义和用法(推荐学习:HTML入门教程)

<div> 可定义文档中的分区或节(division/section)。

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。

用法

<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。

可以对同一个 <div> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。

提示:

注:<div> 是一个块级元素,也就是说,浏览器通常会在 div 元素前后放置一个换行符。

提示:请使用 <div> 元素来组合块级元素,这样就可以使用样式对它们进行格式化。

实例:

文档中的一个部分会显示为红色:

<html>
<body>

<h3>This is a header</h3>
<p>This is a paragraph.</p>

<div style="color:#00FF00">
  <h3>This is a header</h3>
  <p>This is a paragraph.</p>
</div>

</body>
</html>

以上就是HTML的<div> 标签的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码
  • 相关标签:HTML
  • 本文原创发布php中文网,转载请注明出处,感谢您的尊重!
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    (*-*)浩

    认证0级讲师

    最近文章
    java 枚举使用方法613
    HTML的 <nav> 标签203
    php难吗218
    推荐视频教程
  • 极客学院HTML5新特性基础视频教程极客学院HTML5新特性基础视频教程
  • HTML5 教程之元素与标签结构HTML5 教程之元素与标签结构
  • HTML5+CSS3实现春节贺卡HTML5+CSS3实现春节贺卡
  • 兄弟连高洛峰HTML+HTML5视频教程兄弟连高洛峰HTML+HTML5视频教程
  • 视频教程分类
    第九期线上培训班