美文网首页
HTML与CSS的段落换行和列表

HTML与CSS的段落换行和列表

作者: 乐学小乐 | 来源:发表于2020-10-21 10:24 被阅读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):用大写罗马数字表示序号

相关文章

  • HTML与CSS的段落换行和列表

    段落和换行 段落 ​ 标签定义段落。p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在...

  • Markdown 入门指南

    Markdown 语法手册 概述宗旨兼容HTML特殊字符子自动转换 区块元素段落和换行标题区块引用列表代码区块列表...

  • HTML常用标签

    HTML格式meta编码格式title网页标题 标题标签 分隔线 段落标签 换行 列表 无序列表 项目列表 字体 ...

  • Markdown 语法说明

    Markdown 语法说明 概述宗旨兼容 HTML特殊字符自动转换 区块元素段落和换行标题区块引用列表代码区块分隔...

  • 兄弟会精英班-20160804(Markdown )

    Markdown 语法说明 概述宗旨兼容 HTML特殊字符自动转换 区块元素段落和换行标题区块引用列表代码区块分隔...

  • markdown参考

    Markdown Syntax 概述哲学行内HTML特殊字符自动转换 区块元素段落和换行标题区块引言列表程序代码块...

  • Markdown 语法说明

    Markdown 语法说明 概述宗旨兼容HTML 区块元素段落和换行标题区块引用列表代码区块表格分割线删除线 区段...

  • HTML——ul和ol的区别

    相同点:均为HTML列表均可以嵌套使用列表项可以为段落、换行符、图片、链接以及其他列表等等 区别:ul为无序列表,...

  • Html小结

    HTML简单总结 将标签分为9个分类,逐一罗列 一、基础标签 段落,段落中文本忽略空格和换行 换行,用于 段落中换...

  • Markdown 语法说明 (简体中文版)

    概述宗旨兼容 HTML特殊字符自动转换 区块元素段落和换行标题区块引用列表代码区块分隔线 区段元素链接强调代码图片...

网友评论

      本文标题:HTML与CSS的段落换行和列表

      本文链接:https://www.haomeiwen.com/subject/wtddmktx.html