HTML用于分段的标签,(二)HTML常用标签

标题标签

一级标签

二级标签

三级标签

四级标签

五级标签

六级标签

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

Document

1级标题

2级标题

3级标题

4级标题

5级标题

6级标题

页面显示效果:

image.png

标题标签特点:字体加大加粗加黑,且单独成行

段落标签

未使用段落标签前页面代码如下

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

Document

以前有位同事，分开至今有十年了，但总会听到她的一些消息。

本土人士，身材姣好，容貌美艳，即使不工作可做个包租婆，每个月有稳定的收入到账。

共事几年，她换了2任男友，每一任都情不自已，撕心裂肺。

后来她爱上个已婚人士，他对她非常好，无微不至的关怀、迁就，他的爱宠溺着她，她渴望他的温情，便又深陷进去了。

我们劝她，不要深陷，也不要触碰底线。

她控制不了，从不要求到要求，他一次次用金钱打发，她享受着物质与金钱。后来她如愿以偿，要来了房子、车。

我们知道，她丢了自己，有了物质她也失了他。即便有了房子，属于她的房子，但这所屋子里再没了他。

后来因为他的离去，她用哭闹解决，她觉得他负了她。

我说，情出自愿，事过无悔。这段情里，他并未负你，是你迷失了自己，情人有毒，爱人有度。

作者：绾垚w

链接：https://www.jianshu.com/p/b149e19b6f58

来源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

网页显示内容如下:

image.png

虽然我们代码上看着是分段显示的,但是页面上并没有进行分段显示,这就需要使用我们的分段标签了

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

Document

以前有位同事，分开至今有十年了，但总会听到她的一些消息。

本土人士，身材姣好，容貌美艳，即使不工作可做个包租婆，每个月有稳定的收入到账。

共事几年，她换了2任男友，每一任都情不自已，撕心裂肺。

后来她爱上个已婚人士，他对她非常好，无微不至的关怀、迁就，他的爱宠溺着她，她渴望他的温情，便又深陷进去了。

我们劝她，不要深陷，也不要触碰底线。

她控制不了，从不要求到要求，他一次次用金钱打发，她享受着物质与金钱。后来她如愿以偿，要来了房子、车。

我们知道，她丢了自己，有了物质她也失了他。即便有了房子，属于她的房子，但这所屋子里再没了他。

后来因为他的离去，她用哭闹解决，她觉得他负了她。

我说，情出自愿，事过无悔。这段情里，他并未负你，是你迷失了自己，情人有毒，爱人有度。

作者：绾垚w

链接：https://www.jianshu.com/p/b149e19b6f58

来源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

使用分段标签后页面显示结果如下

image.png

换行标签

还是上面的例子,我们看到最后一行作者链接来源这里还是一起的,但是他们也不是段落,所有这里就需要使用换行标签

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

Document

以前有位同事，分开至今有十年了，但总会听到她的一些消息。

本土人士，身材姣好，容貌美艳，即使不工作可做个包租婆，每个月有稳定的收入到账。

共事几年，她换了2任男友，每一任都情不自已，撕心裂肺。

后来她爱上个已婚人士，他对她非常好，无微不至的关怀、迁就，他的爱宠溺着她，她渴望他的温情，便又深陷进去了。

我们劝她，不要深陷，也不要触碰底线。

她控制不了，从不要求到要求，他一次次用金钱打发，她享受着物质与金钱。后来她如愿以偿，要来了房子、车。

我们知道，她丢了自己，有了物质她也失了他。即便有了房子，属于她的房子，但这所屋子里再没了他。

后来因为他的离去，她用哭闹解决，她觉得他负了她。

我说，情出自愿，事过无悔。这段情里，他并未负你，是你迷失了自己，情人有毒，爱人有度。

作者：绾垚

链接：https://www.jianshu.com/p/b149e19b6f58

来源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

最终结果显示如下:

image.png

文本格式化标签

strong:加粗

em:斜体

ins:下划线

del:删除线

作者：绾垚

链接：https://www.jianshu.com/p/b149e19b6f58

来源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

页面显示:

image.png

div标签

HTML

元素是块级元素，它是可用于组合其他 HTML 元素的容器。

元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

如果与 CSS 一同使用，

元素可用于对大的内容块设置样式属性。

元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用

span标签

HTML 元素

HTML 元素是内联元素，可用作文本的容器。

元素也没有特定的含义。

当与 CSS 一同使用时， 元素可用于为部分文本设置样式属性。

图像标签

Login

Login

登录

页面显示:

image.png

src:文件路径

alt:图片显示不出来时,显示的文字

title:提示文本:鼠标放在图像上提示的文字

width:设置图像宽度

length:设置图像高度

border:设置图像边框