第三课 文字布局

      HTML 2005-10-8 18:43

行的控制

段(Paragraph) (可以看作是空行) <p>

你好吗？<p>很好。

你好吗？

很好。







换行 <br>





你好吗？<br>很好。





你好吗？

很好。









不换行<nobr>





<nobr> 

请改变您浏览器窗口的宽度， 使之小于这一行的宽度， 看看这个标记的作用！

</nobr> 





请改变您浏览器窗口的宽度，使之小于这一行的宽度，看看这个标记的作用！










 文字的对齐(Alignment)







<hn align=#>...</hn> 

<p align=#>...</p> #=left, center, right





<h3 align=center>Hello<\h3>

<h3 align=right>Hello<\h3> 





Hello



Hello






<center>...</center> 





<center>Hello</center> 





Hello 









文字的分区(Division)显示







<div align=left> ... </div>





<div align=left>

Can you feel happiness without unpleasant? <br>

Please show me your smile.

</div>



 





Can you feel happiness without unpleasant?

Please show me your smile. 



<div align=center> ... </div>



Can you feel happiness without unpleasant?

Please show me your smile. 



<div align=right> ... </div>



Can you feel happiness without unpleasant?

Please show me your smile. 









列表 







无序列表 <ul><li>...</ul>





<ul>

<li>Today

<li>Tommorow

</ul> 





    

  • Today 
    • 


  • Tommorow 
    • 


						

							标签集:TAGS: 
						

					

					
							
						回复Comments()
						点击Count()			
					

				

				
				

				
				
回复Comments

				

					

						
{commenttime}{commentauthor}
										
						
{CommentUrl}
{commentcontent}