HTML与CSS的段落换行和列表

段落和换行

段落

​ <p>标签定义段落。p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。

​ 理解：语文课本中各个段落之间会有大的空隙。

<p></p>

常用属性

属性	值	描述
align	left、right、center、justify	规定段落中文本的对齐方式，以后可以用样式取代它

换行

​ br标签为换行符号，<br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。

​ 注意：<br> 标签只是简单地开始新的一行，而当浏览器遇到 <p> 标签时，通常会在相邻的段落之间插入一些垂直的间距。请使用 <br> 来输入空行，而不是分割段落。

<br/>

列表

无序列表

由<ul></ul>和<li></li>标签组成。

<ul>
    <li></li>
    <li></li>
    ......
</ul>

<ul>
    <li>好好学习</li>
    <li>天天向上</li>
</ul>

常用属性

属性	值	描述
type	disc circle square	规定列表的项目符号类型。可以使用样式取代。 dise：实心圆（默认） circle：空心圆 square：方块

有序列表

​ 由<ol></ol>和<li></li>标签组成。

<ol>
    <li></li>
    <li></li>
    ......
</ol>

<ol>
    <li>好好学习</li>
    <li>天天向上</li>
</ol>

常用属性

属性	值	描述
type	1 a A i I	规定在列表中使用的标记类型。 1：用数字形式表示序号（默认） a：用小写字母表示序号 A：用大写字母表示序号 i：用小写罗马数字表示序号 I（大写i）：用大写罗马数字表示序号