【HTML5】网页的基本标签

最新推荐文章于 2023-08-04 12:22:36 发布

江奈河

最新推荐文章于 2023-08-04 12:22:36 发布

阅读量351

点赞数

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

©江河

本文链接：https://blog.csdn.net/qq_46365857/article/details/104737642

版权

♏ 前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

网页的基本标签

标题标签
段落标签
换行标签
水平线标签
文本样式标签
- 文本加粗标签
- 文本倾斜标签
特殊符号

标题标签

标签名	说明
<h1></h1>	一级标题
<h2></h2>	二级标题
<h3></h3>	三级标题
<h4></h4>	四级标题
<h5></h5>	五级标题
<h6></h6>	六级标题

HTML Code：

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>标题标签</title>
</head>

<body>
	<h1>微微一笑很倾城</h1>
	<h2>微微一笑很倾城</h2>
	<h3>微微一笑很倾城</h3>
	<h4>微微一笑很倾城</h4>
	<h5>微微一笑很倾城</h5>
	<h6>微微一笑很倾城</h6>
</body>
</html>

Result ：
微微一笑很倾城
HTML提供了六级标题<h1>至<h6>，所有标题字体加粗，<h1>字号最大，<h6>字号最小。

段落标签

标签名	说明
<p></p>	段落标签

HTML Code：

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>段落标签</title>
</head>

<body>
	<p>就承认一笑倾城一见自难忘</p>
	<p>说什么情深似海我却不敢当</p>
	<p>最浪漫不过与你并肩看夕阳</p>
	<p>我心之所向</p>
</body>
</html>

Result ：
微微一笑很倾城

换行标签

标签名	说明
<br />	换行标签

HTML Code：

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>换行标签</title>
</head>

<body>
	就承认一笑倾城一见自难忘
	<br />说什么情深似海我却不敢当
	<br />最浪漫不过与你并肩看夕阳
	<br />我心之所向
</body>
</html>

Result ：
微微一笑很倾城

水平线标签

标签名	说明
<hr />	水平线标签

HTML Code：

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>换行标签</title>
</head>

<body>
	就承认一笑倾城一见自难忘
	<hr />说什么情深似海我却不敢当
	<hr />最浪漫不过与你并肩看夕阳
	<hr />我心之所向
</body>
</html>

Result ：
微微一笑很倾城

文本样式标签

文本加粗标签

标签名	说明
<strong></strong>	文本加粗标签

HTML Code：

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>文本加粗标签</title>
</head>

<body>
	微微一笑很倾城
	<br /><strong>微微一笑很倾城</strong>
</body>
</html>

Result ：
在这里插入图片描述

文本倾斜标签

标签名	说明
<em></em>	文本倾斜标签

HTML Code：

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>文本倾斜标签</title>
</head>

<body>
	微微一笑很倾城
	<br /><em>微微一笑很倾城</em>
</body>
</html>

Result ：
微微一笑很倾城

特殊符号

特殊符号名	字符实体
空格
大于号（>）	>
小于号（<）	<
引号（"）	"
和号（&）	&
版权符号（©）	©

HTML Code：

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>特殊符号</title>
</head>

<body>
	微微一笑&nbsp;&nbsp;很倾城
	<br />&gt;微微一笑很倾城
	<br />&lt;微微一笑很倾城
	<br />&quot;微微一笑很倾城&quot;
	<br />&amp;微微一笑很倾城
	<br />&copy;微微一笑很倾城
</body>
</html>