HTML学习3---排版标记

上节，我们学习了boda常用的属性以及HTML的一些标记，但是图显示的效果却不是那么的好看。

原因就是没有排版好，我们这次使用居中来使这个页面更好看一点，顺便多加入几个别的标记。

HTML排版标记

(1)

： 表示一个段落。一段文字放在p标记里就可以了。

         常用属性：align  水平对齐方式，取值:left(左对齐)、center(居中对齐)、right(右对齐)，一个段落默认就是左对齐。

(2)换行标记

(3)水平线标记(单边标记)：

---

         size:水平线的粗细，单位一般为px

         color:颜色

         width:水平线的宽度

         noshade:去掉水平线的阴影。(在HTML中，noshade是没有值的属性)如:

如：

---

(4)

预排版标记
 
   
         功能：将保留所有的空白字符(空格、换行符),换句话说就是原封不动的输出。
 
   
         语法：
:双边标记
 
   
(5)
...
 
   
一级标题到六级标题
 
   
标题标记：
 ... 
 
   
功能：定义各种标题
 
   
属性：
 
   
align 水平对齐,取值:left(左对齐)、center(居中对齐)、right(右对齐)，一个段落默认就是左对齐。
 
   
写个例子看看效果是怎么样的：
 
   
 
   
 
	
		
		
	
	
		
		

			
			关雎
			
		
		
		

		
		

			
			先秦：佚名
		

		
		

		
		

			
			关关雎鸠，在河之洲。窈窕淑女，君子好逑。
			

			参差荇菜，左右流之。窈窕淑女，寤寐求之。
			

			求之不得，寤寐思服。悠哉悠哉，辗转反侧。
			

			参差荇菜，左右采之。窈窕淑女，琴瑟友之。
			

			参差荇菜，左右芼之。窈窕淑女，钟鼓乐之。
			

		

	

 
   
运行效果：
 
   
 
   
顺便推荐一个朋友的微信公众号，写的是关于android系统相关的知识，干货多多！
 
   
 
   
微信公众号：tmac_lover