web前端学习

六个基础标签的使用

1. div：块元素具有换行效果。
2. span：行内元素，隔离标签。
3. p：段落标签具有换行效果。
4. hr：水平分割线，有换行。
5. br：强制换行。
6. h1-h6：标题从一级到六级依次减小字体，h1字体最大 大小为2em，h4字体大小为1em（默认字体大小）。有换行效果，有行距。

8个与字体相关的标签

• i与em：斜体在后期’i’标签一般的用途是占位
• b与strong：粗体在后期’b’标签一般的用途是占位
• sup ： 上标 <p>X<sup>3</sup></p>
• sub: 下标<p>H<sub>2</sub>O</p>
• u: 下划线
• del ：删除线

列表

无序列表ul

ul：ul 与li 联合使用 使用ul形成的列表有行距 左侧内部 有实心圆点 可以与ol 嵌套使用。

<ul>
    <li>这是第一个无序</li>
    <li>这是第二个无序</li>
</ul>

有序列表ol

ol：ol与li联合使用 使用ol形成的列表会从1开始排序 有行距 有内补 可以与ul嵌套使用。

<ol>
    <li>这是第一个有序</li>
    <li>这是第二个有序</li>
</ol>

自定义列表dl

dt自定义列表的列表项目

自定义列表项目 与li 的效果差不多

<dl>
    <dt>这是第一个有序</dt>
    <dt>这是第二个有序</dt>
</dl>

dd自定义列表项目说明

自定义列表项目说明 与dt同级 但是dd 的文本在dt之后显示

<dl>
    <dt>这是dl的第一个项目</dt>
    <dd>这个dl的第一个项目由我dd来说明</dd>
</dl>

Emmet插件