html常用文本标签(html基本文档格式标记)

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

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

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

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

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

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

html常用文本标签(html基本文档格式标记)

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

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

HTML 标题(Heading)标签:

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

html常用文本标签(html基本文档格式标记)

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

html常用文本标签(html基本文档格式标记)

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

HTML水平线<hr>标签:

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

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

html常用文本标签(html基本文档格式标记)

HTML <p> 段落标签:

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

html常用文本标签(html基本文档格式标记)

HTML换行符<br>:

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

html常用文本标签(html基本文档格式标记)

HTML空格符:

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

HTML权重标签:

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

html常用文本标签(html基本文档格式标记)

今天呢我们讲的是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常用文本标签(html基本文档格式标记)

版权声明:本文内容由互联网用户投稿发布,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2211788188@qq.com 举报,一经查实,本站将立刻删除。如需转载请注明出处:https://www.wptmall.com/a/article/28552

为您推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注