HTML与CSS的段落换行和列表

2020-10-21  本文已影响0人  乐学小乐

段落和换行

段落

​ <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):用大写罗马数字表示序号
上一篇 下一篇

猜你喜欢

热点阅读