• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    HTML块级标签汇总（小篇）

    块级元素，简单来说，就是自己独占一行的元素。其特点：

    ①总是在新行上开始；

    　②高度，行高以及外边距和内边距都可控制；

    　③宽度缺省是它的容器的100%，除非设定一个宽度。

    ④它可以容纳内联元素和其他块元素

    汇总代码如下：

    XML/HTML Code复制内容到剪贴板
    1. <!doctype html>  
    2. <html>  
    3. <head>  
    4.     <meta charset="UTF-8">  
    5.     <title>Document</title>  
    6. </head>  
    7. <body>  
    8.     <!-- 块状元素 独占一行 -->  
    9.     <!-- div无语义,称它为盒子 -->  
    10.     <div>盒子</div>  
    11.     <!-- h1-h6语义 定义标题 -->  
    12.     <h1>标题1</h1>  
    13.     <h2>标题2</h2>  
    14.     <h6>标题3</h6>  
    15.     <!-- p 语义 段落标签 写文字-->  
    16.     <p>文章</p>  
    17.     <!-- 列表多数用来存一系列的相似的数据 -->  
    18.     <!-- 有序列表 -->  
    19.     <ol>  
    20.         <li>导航1</li>  
    21.         <li>导航2</li>  
    22.         <li>导航3</li>  
    23.     </ol>  
    24.     <!-- 无序列表 -->  
    25.     <ul>  
    26.         <li>导航1</li>  
    27.         <li>导航2</li>  
    28.         <li>导航3</li>  
    29.     </ul>  
    30.     <!-- 定义列表 解释某个名词 -->  
    31.     <dl>  
    32.         <dt>名词</dt>  
    33.         <dd>解释名词的位置</dd>  
    34.     </dl>  
    35.     <!-- 表格 渲染性能不好 少用 -->  
    36.     <table>  
    37.         <caption>表格头部</caption>  
    38.         <!-- tr是行 -->  
    39.         <tr>  
    40.             <!-- th表头 -->  
    41.             <th>星期一</th>  
    42.             <th>星期二</th>  
    43.         </tr>  
    44.         <tr>  
    45.             <!-- td单元格 -->  
    46.             <td>上课</td>  
    47.             <td>上课</td>  
    48.         </tr>  
    49.     </table>  
    50. </body>  
    51. </html>  

    以上所述是小编给大家介绍的HTML块级标签汇总（小篇），如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

    上一篇：HTML5进阶段内联标签汇总（小篇）
    下一篇：HTML5 拖放功能实现代码
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯

    时间：9:00-21:00 (节假日不休)

    地址：江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    HTML块级标签汇总（小篇） HTML,块级,标签,汇总,小篇,