HTML块级标签汇总(小篇)

2020-04-20 17:00:55易采站长站整理

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

①总是在新行上开始;

 ②高度,行高以及外边距和内边距都可控制;

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

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

汇总代码如下:

XML/HTML Code复制内容到剪贴板

<!doctype html>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <title>Document</title>  
</head>  
<body>  
    <!– 块状元素 独占一行 –>  
    <!– div无语义,称它为盒子 –>  
    <div>盒子</div>  
    <!– h1-h6语义 定义标题 –>  
    <h1>标题1</h1>  
    <h2>标题2</h2>  
    <h6>标题3</h6>  
    <!– p 语义 段落标签 写文字–>  
    <p>文章</p>  
    <!– 列表多数用来存一系列的相似的数据 –>  
    <!– 有序列表 –>  
    <ol>  
        <li>导航1</li>  
        <li>导航2</li>  
        <li>导航3</li>  
    </ol>  
    <!– 无序列表 –>  
    <ul>  
        <li>导航1</li>  
        <li>导航2</li>  
        <li>导航3</li>  
    </ul>  
    <!– 定义列表 解释某个名词 –>  
    <dl>  
        <dt>名词</dt>  
        <dd>解释名词的位置</dd>  
    </dl>  
    <!– 表格 渲染性能不好 少用 –>