码迷,mamicode.com
首页 > Web开发 > 详细

【HTML】文字效果

时间:2015-04-30 20:09:00      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:

       为了在网页中显示文字信息,设计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>

插入并设置水平线

3.特殊符号

       在使用特殊符号时需要转换成相应的代码,把这些代码插入到html文件中,这样显示在网页中的才是我们需要的特殊符号。常用的特殊符号与代码对应如下:

符号                             

对应代码                                 

空格

&nbsp;

&

&amp;

?

&copy;    

?

&trade;

?

&reg;

&yen;

§

&sect;

小结:

       在html文档中,当需要对某部分文字进行说明时,还可通过添加文字的标注标记<ruby>来完成。文字效果的设置有很多,只要掌握常用的一些标记,合理的使用它们可以使网页更加赏心悦目。

 

【HTML】文字效果

标签:

原文地址:http://blog.csdn.net/wangjingna/article/details/45398567

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!