html的常用文本格式相关标签（从语义样式上区别）

最新推荐文章于 2023-03-23 23:45:19 发布

¡Venceremo

最新推荐文章于 2023-03-23 23:45:19 发布

阅读量214

点赞数

分类专栏：笔记文章标签：前端

本文链接：https://blog.csdn.net/weixin_47295886/article/details/125722347

版权

笔记专栏收录该内容

52 篇文章 2 订阅

订阅专栏

html:类似网页的骨架 css:类似包裹这个骨架的皮肤

h1\h2\h3\h4\h5\h6标题

实现效果

打开网页使用检查

模仿编写

h3标题

p:表示段落（p的默认父容器是整个页面的框架所以会占据整个页面的宽度）

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>欢迎界面</title>
	</head>
	<body>
		<h3>定义</h3>
		<p>电极的概念是M.法拉第进行系统电解实验后在1834年提出的，原意只指构成电池的插在电液中的金属棒。电池的组成部分，它由一连串相互接触的物相构成，其一端是电子导体──金属（包括石墨）或半导体，另一端必须是离子导体──电解质（这里专指电解质溶液，简称“电解液”或“电液”）。结构最简单的电极应包括两个物相和一个相界面，即〔金属|电液〕。上述定义的电极也称“半电池”</p>
	</body>
</html>

实现效果

使用两个段落很明显段落与段落之间存在很明显的间隙段落和标题之间也有

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>欢迎界面</title>
	</head>
	<body>
		<h2>物理简介</h2>
		<h3>定义</h3>
		<p>电极的概念是M.法拉第进行系统电解实验后在1834年提出的，原意只指构成电池的插在电液中的金属棒。电池的组成部分，它由一连串相互接触的物相构成，其一端是电子导体──金属（包括石墨）或半导体，另一端必须是离子导体──电解质（这里专指电解质溶液，简称“电解液”或“电液”）。结构最简单的电极应包括两个物相和一个相界面，即〔金属|电液〕。上述定义的电极也称“半电池”</p>
		<p>命名方式很复杂，有些根据电极的金属部分命名，如铜电极、铂电极等；有些根据电极活性的氧化还原对中的特征物质命名，如甘汞电极、氢电极；有些根据电极金属部分的形状命名，如滴汞电极、转盘电极；有些根据电极的功能命名。这些名称如参比电极、钠离子选择电极（见离子选择性电极）等，都是约定俗成的</p>

	</body>

</html>

实现效果

与段落文字有关的标签

和word类似

b:(bold)粗体

i:表示倾斜

u:表示下划线

sup:表示上标

sub：下标

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>欢迎界面</title>
	</head>
	<body>
		<h2>物理简介</h2>
		<h3><u>定义</u></h3>
		<p>电极的概念是<b>M.法拉第</b>进行系统<i><b>电解实验</b></i>后在1834年提出的，原意只指构成电池的插在电液中的金属棒。电池的组成部分，它由一连串相互接触的物相构成，其一端是电子导体──金属（包括石墨）或半导体，另一端必须是离子导体──电解质（这里专指电解质溶液，简称“电解液”或“电液”）。结构最简单的电极应包括两个物相和一个相界面，即〔金属|电液〕<sup>9</sup>。上述定义的电极也称“半电池”<sub>10</sub></p>
		<p>命名方式很复杂，有些根据电极的金属部分命名，如铜电极、铂电极等；有些根据电极活性的氧化还原对中的特征物质命名，如甘汞电极、氢电极；有些根据电极金属部分的形状命名，如滴汞电极、转盘电极；有些根据电极的功能命名。这些名称如参比电极、钠离子选择电极（见离子选择性电极）等，都是约定俗成的</p>

	</body>

</html>