HTML5常用标签(2-2) body标签内部标签

举报
且听风吟 发表于 2019/10/14 15:13:10 2019/10/14
【摘要】 本文主要介绍了HTML5中的body标签内部标签的运用和注意事项。

<body>标签内部常用元素:

H1-H6

<h1> - <h6> 标签可定义标题。

<h1> 定义最大的标题。<h6> 定义最小的标题。

由于 h 元素拥有确切的语义,因此请慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小

相反,应当使用层叠样式表定义来达到漂亮的显示效果。

实例

image.png

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6
请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或CSS代替。

P

<p> 标签用于定义一个段落。

p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,你也可以通过样式表进行约束。

实例

image.png

这是段落。

段落元素由 p 标签定义。


HR

<hr> 标签用于在 HTML 页面中创建一条水平分隔线。

水平分隔线可以在视觉上将文档分隔成各个部分。

实例

image.png

hr 标签定义水平线:


这是段落。


这是段落。


BR

<br>标签用于插入一个简单的换行符。

实例

image.png

Welcome
To

the web world


DIR

dir 属性规定元素内容的文本方向。

注意:dir 属性在以下标签中无效:<base><br><frame><frameset><hr><iframe> 以及 <script>

语法

image.png

属性值

描述
auto让浏览器根据内容来判断文本方向。仅在文本方向未知时推荐使用。
ltr默认。从左向右的文本方向。
rtl从右向左的文本方向。

实例

image.png

!这是个段落 right-to-left

这是个段落 left-to-right!


本文转载自异步社区。

原文链接:https://www.epubit.com/articleDetails?id=N54e8c9fd-0596-4c00-88b2-49661495304f

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。