html空格标签怎么写(HTML的body标签-常见文本标签学习)

这个账号呢我们要做一个计算机语言的基础教程,我们会尽量做到简单易懂,从最基础的入门开始,让想学习计算机语言的朋友可以入门到这个领域。

上一节我们讲的是HTML标签的head标签中的内容,head标签中有三个比较重要的:

<title>HTML标题</title> <!--网页标题标签-->

<meta charset="utf-8"/> <!--网页解析编码格式配置-->

<meta http-equiv="content-type" content="text/html;charset=utf-8"/> <!--文档编码格式设置-->

这三个是必须记住的,其他的先做了解即可。

这一节我们主要学习<body>标签,<body>标签里边的内容相对来说比较多,也是HTML文档的主题,我们看到的页面内容基本都是<body>标签里边的。

<body>标签元素定义文档的主体,包含文档的所有内容,比如文本、超链接、图像、表格和列表等等。由于<body>标签元素较多,本次我们首先讲一下文本标签:

HTML 标题(Heading)标签:

HTML 标题(Heading)标签是通过 <h1> - <h6> 等标签进行定义的。

我们可以看到标题标签有6个,自带换行功能且会将其中的数据样式变粗、变大,从h1到h6依次减弱,这里要注意的是标题标签只有6个,没有h7。这里我们再说一个标签属性align="center",例如标题可以写成<h1 align="center">这是标题1</h1>,此标题就会居中显示。如下图效果:

当然align还有left、right两种效果,align属于标签的属性,属性是对标签的功能进一步的补充,可以由开发人员自由指定标签的属性值,来达到想要的显示效果。需要注意的是HTML标签中大多数的属性再实际开发中都会使用CSS来代替,CSS我们后续会详细讲解。

HTML水平线<hr>标签:

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

水平分隔线,可以在视觉上将文档分隔成各个部分。<hr> 标签属性有width="宽度" 设置水平线的宽度,size="高度" 设置水平线的高度,color="颜色" 设置水平线的颜色等。

HTML <p> 段落标签:

<p> 标签定义段落,会将一段数据作为整体进行显示,主要是进行css和js操作时比较方便,会自动换行。

HTML换行符<br>:

告诉浏览器需要在此位置换行,<br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。在 HTML 中,把结束标签放在开始标签中,也就是 <br />。

HTML空格符:

:告诉浏览器在此位置增加空格:

HTML权重标签:

<b>:会将内容加黑显示,<i>:会将内容斜体显示,<u>:会将内容增加下划线,<del>:增加中划线,以上标签不会自动换行,并且可以嵌套使用:

今天呢我们讲的是HTML的body标签-文本标签的常用标签,以下给是大家粘一段代码方便复制:

<html> <head> <title>HTML的body标签-文本标签学习</title> <meta charset="utf-8"/> </head> <body> <!--标题标签--> <h1 align="center">这是标题</h1> <h2>这是标题</h2> <h3>这是标题</h3> <h4>这是标题</h4> <h5>这是标题</h5> <h6>这是标题</h6> <hr width="600px" size="20px" color="red" align="left"/> <p>hr 标签定义 水 平 线:</p> <p>这是<b>段落</b>。</p> <p>这是<i>段落</i>。</p> <p>这是<u>段落</u>。</p> <p>这是<del>段落</del>。</p> </body> </html>

在浏览器显示效果:

html 空格

欢迎关注科技现象,我们会整理学习计算机语言方面最基础的知识给大家,方便大家学习和查阅,共同让计算机给我们工作生活提供更好的服务。

您可以还会对下面的文章感兴趣

最新评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

使用微信扫描二维码后

点击右上角发送给好友