HTML/CSS中的 标签有哪些？/标签的分类？

一、标签分类

1. • 什么是块级标签？

会换行，可设置宽高、边距的标签 统称块级标签。

2. • 什么是行内标签？

不会换行，不可设置宽高，只能设置左右边距的标签 统称行内标签。

（PS: img，input， button 可设置宽高和上下的margin）

二、标签示例

1. • 块级标签

        <p>文本标签</p>
        <h1>标题标签1</h1>
        <h2>标题标签2</h2>
        <h3>标题标签3</h3>
        <h4>标题标签4</h4>
        <h5>标题标签5</h5>
        <h6>标题标签6</h6>
        <div>布局标签</div>
        <nav>导航标签</nav>
        <section>节标签</section>
        <header>头部标签</header>
        <footer>尾部标签</footer>

        <table>表格
            <tr>
                <th>111</th>
                <th>111</th>
                <th>111</th>
            </tr>
        </table>


        <form>表单标签
            <input/>
        </form>


        <ol>
            <li>有序标签</li>
            <li>有序标签</li>
            <li>有序标签</li>
        </ol>


        <ul>
            <li>无序标签</li>
            <li>无序标签</li>
        </ul>


        <br>换行标签
        <hr />横线标签

2. • 行内标签

        <span>无意义文本标签</span>
        <a>A标签</a>
        <strong>文本加粗标签</strong>
        <small>文本缩小标签</small>
        <em>文本倾斜标签</em>
        <del>中划线标签</del>
        <button>按钮标签</button>

        <select>
            <option>11111</option>
            <option>22222</option>
            <option>33333</option>
        </select>

        <video>视频</video>
        <textarea></textarea>
        <sub>下标签</sub>
        <u>下划线</u>
        <i>文本倾斜标签</i>
        <sup>文本上标标签</sup>
        <img src="./img/ggg.jpg" style="width: 10px;">图片标签
        <s>中划线</s>
        <input />