HTML4.01超文本标记语言-HTML标题和段落标签

最新推荐文章于 2024-06-21 16:29:17 发布

来聊前端

最新推荐文章于 2024-06-21 16:29:17 发布

阅读量51

点赞数

分类专栏： HTML 文章标签： html 前端

本文链接：https://blog.csdn.net/qq_36893834/article/details/131699847

版权

HTML 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

标题和段落标签

学习目标

在这里插入图片描述

HTML标题标签

HTML 标题（Heading）是通过<h1> - <h6>标签来定义的。

功能：HTML标题标签的功能就是将网页上的重点部分标出来。

标题很重要确保将 HTML 标题标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。

在这里插入图片描述

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HTML标题标签</title>
	</head>
	<body>
		<!--标题标签-->
		<h1>标题一共六级，</h1>
        <h2>文字加粗效果。</h2>
        <h3>字体从大到小，</h3>
        <h4>具有换行效果。</h4>
        <h5>标题不重复用，</h5>
        <h6>h7标签可以吗？</h6>
	</body>
</html>

思考：h7标签的效果是什么？ h0标签的效果是什么？

答案：会被浏览器默认解析，不会报错。

HTML段落标签

HTML 段落是通过标签 <p>来定义的。
功能: 修饰段落、自动换行

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HTML段落标签</title>
	</head>
	<body>
		<!--段落标签-->
		<p>这是一个段落。</p>
		<p>这是另外一个段落。</p>
	</body>
</html>