HTML教程 第二章　页面布局与文字设计(二)

水平线段

这个标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。

有三个属性：

　　　size　水平线的宽度
　　　width 水平线的长，用占屏幕宽度的百分比或象素值来表示
　　　align 水平线的对齐方式，有LEFT RIGHT CENTER三种
　　　noshade 线段无阴影属性，为实心线段 
　　我们可以用几个例子来说明这线段的用法：

线段粗细的设定



线段粗细的设定





	这是第一条线段，无size设定，取内定值SIZE=1来显示



	

	

	

		这是第二条线段，SIZE=5



		

		

		

			这是第三条线段，SIZE=10



			

			



显示结果
这是第一条线段，无size设定，取内定值SIZE=1来显示
这是第二条线段，SIZE=5
这是第三条线段，SIZE=10

 
 线段长度的设定


线段长度的设定




			

				这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示



				

				

				

					这是第二条线段，WIDTH=50(点数方式)



					

					

					

						这是第三条线段，WIDTH=50%(百分比方式)



						

						



显示结果
这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示
这是第二条线段，WIDTH=50(点数方式)
这是第三条线段，WIDTH=50%(百分比方式)

 
 线段排列的设定



线段排列的设定




						

							这是第一条线段，无ALIGN设定，(取内定值CENTER显示)



							

							

							

								这是第二条线段，向左对齐BR>

								

								

								

									这是第三条线段，向右对齐



									

									


显示结果
这是第一条线段，无ALIGN设定，(取内定值CENTER显示)
这是第二条线段，向左对齐BR>  
这是第三条线段，向右对齐

 
 无阴影的设定



无阴影的设定




									

										这是第一条线段，无NOSHADE设定，取内定值阴影效果来显示



										

										

										

											这是第二条线段，有NOSHADE设定



											

											


显示结果
这是第一条线段，无NOSHADE设定，取内定值阴影效果来显示
这是第二条线段，有NOSHADE设定
文字的大小设置
　　提供设置字号大小的是FONT，FONT有一个属性SIZE，通过指定SIZE属性就能设置字号大小，而SIZE属性的有效值范围为1－7，其中缺省值为3。我们可以SIZE属性值之前加上“＋”、“－”字符，来指定相对于字号初始值的增量或减量。
　　请看示例：



字号大小

这是size=7的字体
											

												
这是size=6的字体
												

													
这是size=5的字体
													

														
这是size=4的字体
														

															
这是size=3的字体
															

																
这是size=2的字体
																

																	
这是size=1的字体
																	

																		
这是size=-1的字体
																		

																			
显示结果
这是size=7的字体 
这是size=6的字体 
这是size=5的字体 
这是size=4的字体 
这是size=3的字体 
这是size=2的字体 
这是size=1的字体 
这是size=-1的字体
文字的字体与样式
　　HTML4.0提供了定义字体的功能，用属性来完成这个工作。的属性值可以是本机上的任一字体类型，但有一点麻烦的是，只有对方的电脑中装有相同的字体才可以在他的浏览器中出现你预先设计的风格。
　　
请看例子：



字体




欢迎光临
																			

																				
欢迎光临
																				

																					
欢迎光临
																					

																						
欢迎光临
																						

																							
Welcom my homepage.
																							

																								
Welcom my homepage.
																								

																									



显示结果
欢迎光临 
欢迎光临 
欢迎光临 
欢迎光临 
Welcom my homepage. 
Welcom my homepage. 




　　为了让文字富有变化，或者为了着意强调某一部分，HTML提供了一些标签产生这些效果，现将常用的标签列举如下：
　　　　　　　　　　粗体　　　　　　　　　　　　　　HTML语言
　　　　　　　　　　斜体　　　　　　　　　　　　　　HTML语言
　　　　　　　　　　加下划线　　　　　　　　　　　　HTML语言
　　　　　　　　　打字机字体　　　　　　　　　　　HTML语言
　　　　　　　　大型字体　　　　　　　　　　　　HTML语言
　　　　　　小型字体　　　　　　　　　　　　HTML语言
　　　　　　闪烁效果　　　　　　　　　　　　HTML语言
　　　　  　　　　表示强调，一般为斜体　　　　　　HTML语言
　　 　　 表示特别强调，一般为粗体　　　　HTML语言
　　　　　　 用于引证、举例，一般为斜体　　　HTML语言
现在我们用一个实例来看看效果：  



字体样式

黑体字

																									

																										斜体字

																										

																											加下划线

																											

																												大型字体

																												

																													小型字体

																													

																														闪烁效果

																														

																															Welcome

																															

																																Welcome

																																

																																	Welcom
																																

显示结果
黑体字 
斜体字 
加下划线 
大型字体 
小型字体  
闪烁效果 
Welcome 
Welcome 
Welcom

					

返回微头条首页

分享到:

喜欢请点赞~

2018-02-18 15:14:04