段落标签与水平线标|学习笔记

简介: 快速学习段落标签与水平线标

开发者学堂课程【HTML 入门与实战段落标签与水平线标 】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/593


段落标签与水平线标

目录:

1.段落标签的定义

2.水平线标签的定义

1,段落标签的定义

单词缩写:paragraph

写出如下格式:

image.png

对这个网页内容刷新一遍就会发现,输出的内容并没有段落格式。所以要在网页中出现段落就必须用标签来分离开。

在网页中要把文字有条理地显示出来,离不开段落标签,就如同我们平常写文章一样,整个网页也可以分为若干个段落,而段落的标签就是

文本内容

是HTML文档中最常见的标签,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。这就是我们的HTML网页的段落标签。

具体标记如图片中所示:

image.png

这就是段落标签的格式,于是我们又刷新一下HTML网页,就得到如下结果:

image.png

从结果一方面可以看到,段落有明确的分段;另一方面,也可以看到的是标题和段落的文字不一样大,格式也不一样,这就是标题标签的作用。此外,假如想在网页的文字下面加一条水平线呢?这就用到了水平线标签。

2,水平线标签的定义

单词缩写:horizontal横线

在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明.这些水平线可以通过插入图片实现,也可以简单地通过标记来完成,


就是创建横跨网页水平线的标记。其基本语法格式如下.


是单标记

在网页中显示默认样式的水平线。具体操作如下:

image.png

相关文章
|
3月前
|
SEO
如何像人类一样写HTML之标题、段落、换行、水平线与文本格式化标签
如何像人类一样写HTML之标题、段落、换行、水平线与文本格式化标签
如何像人类一样写HTML之标题、段落、换行、水平线与文本格式化标签
|
4月前
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
04 - 字体标记+段落标签+有序列表+无序列表+自定义列表
04 - 字体标记+段落标签+有序列表+无序列表+自定义列表
|
开发者
段落标签与水平线标|学习笔记
快速学习段落标签与水平线标
段落标签与水平线标|学习笔记
|
前端开发
【CSS】设置文本样式,包括文本颜色、对齐、缩进、行高等
CSS如何设置文本样式?常见的文本样式有哪些?
247 0
【CSS】设置文本样式,包括文本颜色、对齐、缩进、行高等
成功解决在word文件的表格中当输文字时自动出现加红色和下划线
成功解决在word文件的表格中当输文字时自动出现加红色和下划线
成功解决在word文件的表格中当输文字时自动出现加红色和下划线
html+css实战11-换行和水平线标签
html+css实战11-换行和水平线标签
164 0
html+css实战11-换行和水平线标签
|
移动开发 前端开发 HTML5
web前端学习(二)——HTML5的标题、段落、链接、注释、换行、插入水平线及对齐与缩进相关设置
web前端学习(二)——HTML5的标题、段落、链接、注释、换行、插入水平线及对齐与缩进相关设置
web前端学习(二)——HTML5的标题、段落、链接、注释、换行、插入水平线及对齐与缩进相关设置
控制label标签的宽度,不让它换行 label标签左对齐
控制label标签的宽度,不让它换行 label标签左对齐
关于去掉Li标签前面的小圆点和距离/显示下划线
解决方法 去掉Li标签前面的距离:     设置ul   padding:0px; 去掉Li标签前面的小圆点: 设置li      list-style-type:none; 显示下划线:    text-decoration:underline;
2941 0