:: آموزش HTML ، جلسه یازدهم ::

سپیده 313

پنجشنبه ۱۹ دی ۱۳۹۲ ۰۸:۱۲ بعد از ظهر

آموزش HTML ، جلسه یازدهم

تنظیمات ظاهری جدول

صفت های مربوط به تگ <table>:

بطور پیش فرض عرض جدول براساس میزان محتویات جدول تعیین می شود، برای تغییر این حالت می توانید از صفت width استفاده نمائید.

به منظور چیدمان جدول در صفحه از صفت align استفاده می شود.

برای تغییر رنگ پس زمینه جدول صفت bgcolor را به تگ table اضافه می نمائیم.

تنظیمات مربوط به فاصله بین سلول ها:
بطور پیش فرض فاصله بین سلول ها به میزان دو پیکسل می باشد. برای تغییر این مقدار از صفت cellspacing استفاده می شود. برای حذف فاصله بین سلول ها مقدار صفر را برای این صفت وارد نمائید.

فاصله محتویات از دیواره سلول:
برای تعیین فاصله محتویات از دیواره سلول، می توانید از صفت cellpadding استفاده کنید.

تنظیمات مربوط به ردیف های جدول:
برای متمایز کردن یک ردیف می توانید رنگ پس زمینه آن را تغییر دهید. برای این کار صفت bgcolor بکار می رود.
بطور پیش فرض چیدمان سلول هایی که با استفاده از تگ <td> ایجاد می شود، بصورت چپ چین می باشد. برای تغییر این حالت می توانید صفت align را به این تگ اضافه کنید.



	

	

	
		<html>
	
		 
	
		<head>
	
		  <title>Tables</title>
	
		</head>
	
		 
	
		<body>
	
		<br/>
	
		 
	
		<table border="1" width="400" align="center" bgcolor="#FFD2E9" cellspacing="0" cellpadding="8" >
	
		  
	
		 <caption>
	
		جاذبه های گردشگری ایران
	
		 </caption>
	
		    
	
		 <tr bgcolor="#D5AAFF">
	
		   <th> اصفهان </th>
	
		   <th> شیراز </th>
	
		   <th> یزد </th>
	
		 </tr>
	
		 
	
		 <tr align="center">
	
		   <td> نقش جهان </td>
	
		   <td> تخت جمشید </td>
	
		   <td> آتشکده زرتشتیان </td>
	
		 </tr>
	
		 
	
		 <tr align="center">
	
		   <td> سی و سه پل </td>
	
		   <td> مقبره کورش </td>
	
		   <td> بافت قدیمی یزد </td>
	
		 </tr>
	
		 
	
		 <tr align="center">
	
		   <td> چهل ستون </td>
	
		   <td> باغ ارم </td>
	
		   <td> برج ساعت </td>
	
		 </tr>
	
		    
	
		</table>
	
		 
	
		</body>
	
		</html>