文本相关
文本相关
HTML5 中的文本是指用来显示和排版文本内容的元素，主要包括以下几个元素：
<h1>-<h6>：用于定义标题，其中<h1>表示最高级别的标题，而<h6>表示最低级别的标题。<p>：用于定义段落，通常用于组织文章和文本内容。<a>：用于定义超链接，可以链接到其他网页、文件、电子邮件地址等。<strong>和<em>：分别用于定义粗体和斜体文本，可以强调文本的重要性和语气。<b>和<i>：分别用于定义加粗和倾斜文本，但不带有语意强调。<u>和<s>：分别用于定义下划线和删除线文本，可以用于突出显示某些文本。<br>：用于插入换行符，可以在文本中插入一个换行符，但不会产生新的段落。<hr>：用于插入水平线，可以在文本中插入一条水平线，常用于分割不同章节的内容。
HTML5 中的文本元素可以和 CSS 样式一起使用，可以进行样式修饰和排版，同时也可以使用 JavaScript 来实现一些交互和动态效果。
h标题标签
标题标签示例
<!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>
p段落标签
段落标签示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>段落标签</title>
</head>
<body>
<h3>爱莲说</h3>
<p>水陆草木之花，可爱者甚蕃。晋陶渊明独爱菊。自李唐来，世人甚爱牡丹。予独爱莲之出淤泥而不染，濯清涟而不妖，中通外直，不蔓不枝，香远益清，亭亭净植，可远观而不可亵玩焉。</p>
<p>予谓菊，花之隐逸者也；牡丹，花之富贵者也；莲，花之君子者也。噫！菊之爱，陶后鲜有闻；莲之爱，同予者何人? 牡丹之爱，宜乎众矣。</p>
</body>
</html>
br换行标签
换行标签示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>换行标签</title>
</head>
<body>
<h3>静夜思</h3>
<p>床前明月光，疑是地上霜。<br/>举头望明月，低头思故乡。</p>
</body>
</html>
strong粗体标签
粗体标签示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>粗体标签</title>
</head>
<body>
<p>这是普通文本</p>
<strong>这是粗体文本</strong><br/>
<b>这是粗体文本</b>
</body>
</html>
em/i/cite斜体标签
斜体标签示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>斜体标签</title>
</head>
<body>
<i>斜体文本</i><br/>
<em>斜体文本</em><br/>
<cite>斜体文本</cite>
</body>
</html>
sup上标标签
上标标签示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>上标标签</title>
</head>
<body>
<p>(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab</p>
</body>
</html>
sub下标标签
下标标签示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>下标标签</title>
</head>
<body>
<p>H<sub>2</sub>SO<sub>4</sub>指的是硫酸分子</p>
</body>
</html>
s中划线标签
中划线标签示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>删除线标签</title>
</head>
<body>
<p>新鲜的新西兰奇异果</p>
<p><s>原价:￥6.50/kg</s></p>
<p><strong>现在仅售：￥4.00/kg</strong></p>
</body>
</html>
u下划线标签
下划线标签示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>下划线标签</title>
</head>
<body>
<p><u>www.supremepole.com</u>是一个编程学习网站。</p>
</body>
</html>
big大号字标签
大号字标签示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>big标签和small标签</title>
</head>
<body>
<p>普通字体文本 </p>
<big>大字号文本</big><br/>
</body>
</html>
small小号字标签
小号字标签示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>big标签和small标签</title>
</head>
<body>
<p>普通字体文本 </p>
<small>小字号文本</small>
</body>
</html>