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

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

开发者学堂课程【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月前
Axure 母版红色怎么去除?
Axure 母版红色怎么去除?
45 0
|
7月前
伪元素(自创标签)
伪元素(自创标签)
44 0
|
7月前
标签添加背景图
标签添加背景图
64 0
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
|
开发者
段落标签与水平线标|学习笔记
快速学习段落标签与水平线标
段落标签与水平线标|学习笔记
关于去掉Li标签前面的小圆点和距离/显示下划线
解决方法 去掉Li标签前面的距离:     设置ul   padding:0px; 去掉Li标签前面的小圆点: 设置li      list-style-type:none; 显示下划线:    text-decoration:underline;
3282 0
|
Web App开发 前端开发 iOS开发
纵向排列文字以及禁止文字选中
内容包括demo代码,应用和定义,以及参考文献,本文主要内容是本人学习过程中遇到css的零碎知识点1(就是以前自己不知道的),我都记下来了,需要的朋友可以过来参考下,喜欢的可以点个赞,希望对大家有所帮助。 writing-mode: tb-rl; (纵向排列文字)应用: 说明:设置或检索对象的内容块固有的书写方向。西方语言一般都是 lr-tb 的书写方式,但是亚洲语言 lr-tb | tb-rl 的书写方式都有。作为IE的私有属性之一,IE5.5率先实现了 writing-mode ,后期被w3c采纳成标准属性;此属性效果不能被累加使用。例如,父对象的此属性值
157 0
纵向排列文字以及禁止文字选中
html+css实战11-换行和水平线标签
html+css实战11-换行和水平线标签
211 0
html+css实战11-换行和水平线标签
成功解决matplotlib绘图中描述性字体特殊符号(比如数值的右上角标和右下角标表示)
成功解决matplotlib绘图中描述性字体特殊符号(比如数值的右上角标和右下角标表示)
|
容器
p标签字数过多显示省略号
p标签字数过多显示省略号
767 0