第1章 HTML语言基础 1.4 文本元素

最新推荐文章于 2021-04-27 13:54:43 发布

君弈

最新推荐文章于 2021-04-27 13:54:43 发布

阅读量235

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/m0_43443133/article/details/104324036

版权

1.4 文本元素

HTML文档中的文本元素包括内容标题、文本修饰及特殊字符。

1.4.1 标题标签

示例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>漫步时尚广场 E&amp;S</title>
	</head>
	<body>
		<h1>一级标题——漫步时尚广场</h1>
		<h2>二级标题——Q-Walking Fashion E&S</h2>
		<h3>三级标题——购物广场</h3>
		<h4>四级标题——男装区</h4>
		<h5>五级标题——上衣区</h5>
		<h6>六级标题——衬衣</h6>
	</body>
</html>

效果图

注意

<hn>标签是双标签。默认情况下，在大多数浏览器中现实的<h1>、<h2>、<h3>元素内容大于文本在网页中地默认尺寸，<h4>元素的内容与默认文本的大小基本相同，而<h5>和<h6>元素的内容较小一些。用户的特殊需求可以通过CSS来定义标题的样式特征。

1.4.2 文本修饰标签

常用的字体标签
标签	描述
<font>···</font>	用于设置文本的字体样式
<b>···</b>	元素中的内容以加粗的方式显示，效果与<strong>标签相同
<i>···</i>	元素中的内容以斜体的方式显示
<s>···</s>	元素中的内容将被添加一条删除线
<u>···</u>	元素中的内容将被添加一条下划线
<sup>···</sup>	元素中的内容以上标的形式显示
<sub>···</sub>	元素中的内容以下标的形式显示
<strong>···</strong>	元素中的内容以加粗的方式显示，效果与<b>标签相同
<big>···</big>	元素中的内容在显示时比周围的文本大一个字体尺寸
<small>···</small>	元素中的内容在显示时比周围的文本小一个字体尺寸

注意

HTML 5 为<strong>标签增加了语意，使用<strong>标签包起来的文本表示重要的文本。HTML 5 中删除了原有的<big>标签，并对<small>标签进行重新定义，用于标识所谓的“小子印刷体”，通常用来标注诸如注意事项、法律规定、免责声明或版权相关的声明性文字。

示例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>漫步时尚广场战略发布会-文本修饰标签</title>
	</head>
	<body>
		<font face="隶书" size="10" color="blue">通过font标签设置字体的样式</font>
		<font face="楷体" size="+3" color="#FF0000">通过font标签设置字体的样式</font>
		<font face="黑体" size="-1" color="gray">通过font标签设置字体的样式</font>
		
		<p>2015年1月11日,<b>漫步时尚广场</b>在<big>青岛</big>举行战略发布会。时尚广场总裁<i>郭总</i>
	介绍,取这个名字一方面是打造<small>休闲娱乐</small>的时尚购物广场,更重要的原因是随着B2C的发展,消费者
	需要全新的电子商务品台。漫步时尚广场从传统的V<sub>1.0</sub>向综合性互联网V<sup>2.0</sup>转型。
	<s>时尚购物广场将提供这样一个定位和风格更加清晰的消费品台,全力打造的品质之城。</s></p>
	</body>
</html>

效果图

注意

由于文本修饰标签设置字体样式时，文本内容与样式嵌入到一起，后期的代码维护不方便，所以在网页设计时，尽量少用文本修饰标签，建议多采用 CSS 样式进行美化。

1.4.3 特殊字符

常见的实体引用
特殊字符	实体引用
双引号(")	$quot;
&号	&
空格
小于号(<)	<
大于号(>)	>
小于等于(≤)	≤
大于等于(≥)	≥
版权号(©)	©
商标符号(™)	™
注册商标(®)	®
分数(1/4)	¼
分数(1/2)	½
左箭头(←)	←
上箭头(↑)	↑
右箭头(→)	→
下箭头(↓)	↓
左右箭头(↔)	↔
左下箭头(↙)	&crarr;
左双箭头	⇐
上双箭头	&uArr;
右双箭头	⇒
下双箭头	&dArr;
交集(∩)	∩
并集(∪)	∪