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

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

开发者学堂课程【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月前
|
前端开发
css 图标和文字对齐 —— 垂直居中对齐,任意位置对齐
css 图标和文字对齐 —— 垂直居中对齐,任意位置对齐
84 2
|
4月前
|
前端开发 容器
CSS【详解】对齐 (含文本垂直对齐,文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐,图片和文本对齐等)
CSS【详解】对齐 (含文本垂直对齐,文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐,图片和文本对齐等)
61 0
|
5月前
|
移动开发 前端开发 数据安全/隐私保护
Web网页制作-知识点(2)——常用文本标签、列表标签、表格标签、Form表单、块元素与行内元素(内联元素)
Web网页制作-知识点(2)——常用文本标签、列表标签、表格标签、Form表单、块元素与行内元素(内联元素)
36 0
|
6月前
根据内容显示左右带固定宽度边距和背景的标签
根据内容显示左右带固定宽度边距和背景的标签
35 0
|
6月前
|
SEO
如何像人类一样写HTML之标题、段落、换行、水平线与文本格式化标签
如何像人类一样写HTML之标题、段落、换行、水平线与文本格式化标签
如何像人类一样写HTML之标题、段落、换行、水平线与文本格式化标签
|
11月前
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
|
开发者
段落标签与水平线标|学习笔记
快速学习段落标签与水平线标
段落标签与水平线标|学习笔记
|
前端开发
【CSS】设置文本样式,包括文本颜色、对齐、缩进、行高等
CSS如何设置文本样式?常见的文本样式有哪些?
284 0
【CSS】设置文本样式,包括文本颜色、对齐、缩进、行高等
|
前端开发
css 实现文字自动换行切同行元素高度自适应
1.实现div行内布局所有行跟随最大高度自适应 html代码样例: 1 2 3 所在部门 4 5 6 7 @ViewBag.decideDetail.departName 8 9 岗位 10 11 @ViewBag.
1596 0
成功解决在word文件的表格中当输文字时自动出现加红色和下划线
成功解决在word文件的表格中当输文字时自动出现加红色和下划线
成功解决在word文件的表格中当输文字时自动出现加红色和下划线