HTML 文本标签-CSDN博客

本文链接：https://blog.csdn.net/qq_40107571/article/details/141928140

一个静态页面绝大部分都是由文字、图片、超链接、音频、视频组成。

动态页面和静态页面的区别在于：是否与服务器进行数据交互

<!DOCTYPE html>
	
<html>
	<head>
		<meta charset="utf-8">
		<!-- 这是地址栏标题-->
		<title>标题标签</title>
	</head>
	<body>
		<h1>这是一级标题</h1>
		<h2>这是二级标题</h2>
		<h3>这是三级标题</h3>
		<h4>这是四级标题</h4>
		<h5>这是五级标题</h5>
		<h6>这是六级标题</h6>
		<!--段落标签  HTML是网页的结构，CSS是网页的外观，所以想要改变文字的颜色和大小，需要调整CSS-->
		<p>web前端开发</p>
		<!--段落标签是会自动换行的-->
		<!--换行标签-->
		<p>床前明月光，<br>疑是地上霜。<br>举头望明月，<br>低头思故乡<br></p>
	<!----
	使用“文本标签”来对文字进行修饰，例如粗体、斜体、上标、下标等
	粗体标签：strong、b
	斜体标签：i、em、cite
	上标标签：sup
	下标标签：sub
	中划线标签：s
	下划线标签：u
	大字号标签：big
	小字号标签：small
	----->
	<p>这是普通文本</p>
	<strong>这是粗体文本</strong>
	<b>这是粗体文本</b>
	<i>斜体文本</i>
	<em>斜体文本</em>
	<cite>斜体文本</cite>
	<!--上标标签<sup></sup>--->
	<p>(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab</p>
	<!--下标标签 sub	--->
	<p>H<sub>2</sub>SO<sub>4</sub>是指硫酸分子</p>
	<!--中划线标签 s--->
	<p>水果</p>
	<p><s>原价：6元</s></p>
	<p><b>现在：5元</b></p>
	
	<!--下划线标签 u--->
	<p><u>web前端开发</u></p>
	<big>大字号文本</big><br>
	<!--水平线标签 hr-->
	<hr>
	<sma>小字号文本</sma>
	</body>
	
	<!---div标签用来划分HTML结构，从而配合CSS来控制某一块的样式--->
	<div>

		    <!--这是第一首诗-->
		    <div>
		        <h3>静夜思</h3>
		        <p>床前明月光，&nbsp疑是地上霜。</p>
		        <p>举头望明月，低头思故乡。</p>
		    </div>
		    <hr/>
		    <!--这是第二首诗-->
		    <div>
		        <h3>春晓</h3>
		        <p>春眠不觉晓，处处闻啼鸟。</p>
		        <p>夜来风雨声，花落知多少。</p>
		    </div>

	</div>
</html>
</DOCTYPE>