共计 914 个字符,预计需要花费 3 分钟才能阅读完成。
目录
HTML 段落标签
HTML 换行标签
HTML 格式化标签
加粗标签
倾斜标签
删除线标签
下划线标签
HTML 水平线标签
HTML 段落标签
在网页中,要把文字有条理地显示出来,就需要将这些文字分段显示。在 HTML 标签中,
标签用于定义段落,它可以将整个网页分为若干个段落。
为文本分段可以使用段落标签
包裹需要放在一段的文字
这是第一个段落
这是第二个段落
注意:
- 在网页界面显示时,段落和段落之间存在一个较大的空隙
- 当前的
- 文本在一个段落中会根据浏览器窗口的大小自动换行
- HTML 内容首尾处的换行, 空格均无效
- 在 HTML 中文字之间输入的多个空格只相当于一个空格.
- HTML 中直接输入换行不会真的换行,而是相当于一个空格
示例代码:
段落标签
这是第一个段落
当前段落内容
第二行内容
这是第二个段落
当前段落内容
第二行内容
效果如下:
HTML 换行标签
在 HTML 中,常见用
标签表示换行,也可以用
标签,但是不规范
📌
注意
标签为单标签
这是第一句话,接下来需要换行
已经换行
示例代码:
段落标签
这是第一句话,接下来需要换行
已经换行
效果如下:
HTML 格式化标签
在 HTML 中,可以使用下面的标签实现对应的属性,并且这些标签可以嵌套使用
- 加粗:
标签 和
标签
- 倾斜:
标签 和
标签
- 删除线:
标签 和
标签 - 下划线:
标签 和
标签
📌
在四个格式化标签中虽然每一类的第一个标签和第二个标签实现的效果相同,但是为了更加强调文本效果,提高代码可读性,推荐用第一种标签
加粗标签
粗体测试
下面是加粗文本和非加粗文本的对比
这是一个加粗文本
这是一个普通文本
效果如下:
倾斜标签
倾斜标签测试
下面是倾斜文本和非倾斜文本对比
这是一个倾斜的文本
这是一个普通文本
效果如下:
删除线标签
删除线标签测试
下面是有删除线和没有删除线的文本对比
这是有删除线的文本
这是一个普通文本
效果如下:
下划线标签
下划线标签测试
下面是有下划线的文本和无下划线的文本对比
这是一个有下划线的文本
这是一个普通文本
效果如下:
HTML 水平线标签
在 HTML 中,使用
标签可以在网页上实现水平分割线的效果
📌
注意,水平分割线标签为单标签
水平线标签测试
当前标签下面的横线为水平线
这是分割线下方的测试文本
效果如下:
原文地址: HTML 段落标签、换行标签、文本格式化标签与水平线标签
正文完