• 技术文章 >web前端 >html教程

    HTML的<div> 标签

    (*-*)浩(*-*)浩2019-09-18 15:04:51原创875
    所有主流浏览器都支持 <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中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:HTML
    上一篇:HTML的<body> 标签 下一篇:HTML的<form> 标签
    大前端线上培训班

    相关文章推荐

    • notepad如何注释掉一行html代码• notepad++怎么格式化html代码• html5难学吗• notepad怎么运行html

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网