【HTML】文字效果

浏览数：17 / 时间：2015年06月09日

为了在网页中显示文字信息，设计html时，只要在<body></body>中需要添加文字的地方输入文字就可以了，和我们在Word、记事本中的添加方式一样。同时，为了增加代码的可读性，还可以用<!-->添加必要的注释，这些注释信息不会显示在页面中。

1.文字修饰

在html文件中添加文字后，为了使网页更加的美观，还需要对文字添加一些效果。需要用到的一些标记如下

标记	说明
<b>	加粗
<i>	斜体
<u>	下划线
<del>	删除线
<address>	设置地址文字
<sup>	上标
<sub>	下标

实例：

<html>
	<head>
		<title>文字修饰</title>
	</head>
	<body>
		<p>语文：<br>
		　静夜思<br>
		<b>床前明月光</b><br>		<!--粗体-->
		<i>疑似地上霜</i><br>		<!--斜体-->
		<u>举头望明月</u><br>		<!--下划线-->
		<del>低头思故乡</del><p>	<!--删除线-->
		
		<p>数学：<br>
		  x<sup>2</sup>-6x+5=0<br>	<!--上标-->
		解：x<sub>1</sub>=0;x<sub>2</sub>=1		<!--下标-->
		</p>
		
		<p>版权所有&copy;：廊坊师范学院</p>	<!--特殊符号-->
	</body>
</html>

效果：

技术分享

2. 段落

不管普通文档还是网页，在关于文字信息的部分都会涉及到段落的相关内容，它使得文字表达更加清晰。在html中专门的段落标记是<p>，除此之外还有很多标记可以设置它的段落格式

标记	说明
<p>	定义段落，但是不能进行段落格式的设置
<br>	回车
<pre>	预格式化，设置后，键盘上的回车键就可生成一个段落
<blockquote>	设置段落缩进，可以增加段落的层次效果
<hr>	插入并设置水平线