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

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

开发者学堂课程【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

相关文章
|
4月前
|
移动开发 前端开发 HTML5
有关CSS中排版常见问题(清除默认样式问题 + 元素居中问题 + 元素之间的空白问题 + 行内块的幽灵空白问题)
有关CSS中排版常见问题(清除默认样式问题 + 元素居中问题 + 元素之间的空白问题 + 行内块的幽灵空白问题)
|
4月前
|
移动开发 前端开发 数据安全/隐私保护
Web网页制作-知识点(2)——常用文本标签、列表标签、表格标签、Form表单、块元素与行内元素(内联元素)
Web网页制作-知识点(2)——常用文本标签、列表标签、表格标签、Form表单、块元素与行内元素(内联元素)
35 0
|
5月前
|
前端开发
HTML段落标签与换行标签的详解与应用
HTML段落标签与换行标签的详解与应用
285 0
|
5月前
根据内容显示左右带固定宽度边距和背景的标签
根据内容显示左右带固定宽度边距和背景的标签
35 0
|
5月前
|
SEO
如何像人类一样写HTML之标题、段落、换行、水平线与文本格式化标签
如何像人类一样写HTML之标题、段落、换行、水平线与文本格式化标签
如何像人类一样写HTML之标题、段落、换行、水平线与文本格式化标签
|
10月前
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
|
开发框架 .NET
HTML 段落标签 文本显示标签
HTML 段落标签 文本显示标签
84 0
|
开发者
段落标签与水平线标|学习笔记
快速学习段落标签与水平线标
段落标签与水平线标|学习笔记
|
前端开发
css如何让元素的内容不换行,宽度由内容撑开
css如何让元素的内容不换行,宽度由内容撑开
476 0
关于去掉Li标签前面的小圆点和距离/显示下划线
解决方法 去掉Li标签前面的距离:     设置ul   padding:0px; 去掉Li标签前面的小圆点: 设置li      list-style-type:none; 显示下划线:    text-decoration:underline;
3211 0