wajee

آپ اگر مائیکروسافٹ ورڈکے بارے میں جانتے ہیں تو یقینا آپ tables کے بارے میں اور اس کی اہمیت سے بھی واقف ہوں گے. ایک

tableایک یا ایک سے زیادہcolumnsاور rows پر مشتمل ہوتا ہے۔ایک rowمیں آپ ایک سے زیادہ کالم بناسکتے ہیں۔tableبنانے کے

لئے ہم <table>کا ٹیگ استعمال کرتے ہیں جب ہم ایک ٹیب مکمل کر لیتے ہیں تو ہم <table/>ٹیگ استعمال کرکے tableبند کردیتے

ہیں۔اس کا syntaxاس طرح سے ہے۔
tr for table row
td for table data
th for table heading
<table>
<tr>
<td>
any text places here
</td>
</tr>
</table>
اس مثال کو غور سے دیکھئے <tr>کامطلب ہے table rows ایک ٹیبل ایک یا ایک سے زیادہ rows پر مشتل ہوتا ہے اور rowsہمیشہ

tableمیں ہوتی ہیں tableسے باہر نہیں۔ اس لئے ہم پہلے tableکاٹیگ استعمال کرتے ہیں اس کے بعد ہم اس میں rows اور rows میں

کالمز استعمال کر تے ہیں.
<table>
<tr>
</tr>
</table>
ٹیگ ایک ٹیبل میں Rowsبنانے کے لئے استعمال ہوتا ہے اور کالم بنانے کے لیے ہم<td>کا ٹیگ استعمال کرتے ہیں اور یہ

ہمیشہ<tr></tr>ٹیگ کے درمیان استعمال ہوتا ہے۔<td>کا مطلب ہے Table Dataیعنی ایک کالم بذاتِ خود ایک ڈیٹا سیل بھی ہے

جس کے اندر ہم کچھ لکھ سکتے ہیں۔
<table>
<tr>
<td>
any text places here
</td>
</tr>
</table>
<table>ٹیگ کے اٹری بیوٹس
<table>ٹیگ اپنے اندر بیک گراونڈ کلر، بیک گراونڈ تصویر کی تبدیلی، بارڈر کلر کی تبدیلی، بارڈر کا سائز اور tableالائنمنٹ جیسی ساری

خوبیاں رکھتا ہے۔یہ ساری خوبیاں tableکے اٹری بیوٹس میں ہیں۔
:bgcolor .1اس اٹری بیوٹس کی مدد سے آپ tableکے بیک گراونڈ کلر کو تبدیل کرسکتے ہیں جیسے۔
<table bgcolor="#FFFFCC">
background .2کسی بھی Tableکے اندر کوئی بیک گراونڈ تصویر لگانے کے لئے ہم یہ اٹری بیوٹ استعمال کرتے ہیں۔
<table bgcolor="#FFFFCC">
ہم ٹیبل میں جس طرح بی جی کلر میں رنگ لاتے ہیں اسطرح ٹیبل میں تصویر بھی لا سکتے ہیں
<table background=waqas.jpg>
border .3ٹیبل کے بارڈر کی موٹائی زیادہ یا کم کرنے کے لئے ہم borderکا اٹری بیوٹ استعمال کرتے ہیں اور اس میں ویلیو نمبر کی

صورت میں استعمال کرتے ہیں۔
<table border="1">
align .4ٹیبل کی الائنمنٹ تبدیل کرنے کے لئے ہم alignکا اٹری بیوٹ استعمال کرتے ہیں۔
<table align="center">
height .6اس اٹری بیوٹ کی مدد سے ہم ٹیبل کی heightتبدیل کرسکتے ہیں جیسے
width .7اس اٹری بیوٹ کی مدد سے ہم ٹیبل کی widthتبدیل کرسکتے ہیں جیسے
<table height="255">
<table width="450">
cellpadding .8: اس اٹری بیوٹ کی مدد سے ہم ہم cellsکے درمیان فاصلہ رکھتے ہیں ۔
<table cellppadding="10">
cellspacing .9: اس اٹری بیوٹ کی مدد سے ہم ہر سیل میں فاصلہ دیتے ہیں یادرہے کہ یہ فاصلہ دو سیلوں کے درمیان نہیں بلکہ ایک

مخصوص سیل میں ہوتا ہے۔
<table cellspacing="10">
<tr>ٹیگ کے اٹری بیوٹس
<tr>ٹیگ کے اٹری بیوٹس کی مدد سے آپ کسی بھی Rowکا بیک گراونڈ کلر تبدیل کرسکتے ہیں، کسی بھی rowکی heightاور width

تبدیل کرسکتے ہیں۔ اس کے ساتھ ساتھ آپ ایک سے زیادہ rowکو مرج کرکے ایک row میں تبدیل کرسکتے ہیں۔

:bgcolor .1اس اٹری بیوٹس کی مدد سے آپRowکے بیک گراونڈ کلر کو تبدیل کرسکتے ہیں جیسے۔
<tr bgcolor="#FFFFCC">
background .2کسی بھی Tableکے اندر کوئی بیک گراﺅنڈ تصویر لگانے کے لئے ہم یہ اٹری بیوٹ استعمال کرتے ہیں۔
<tr background="Waqas Ali.jpg>
row .3 کی الائنمنٹ تبدیل کرنے کے لئے ہم alignکا اٹری بیوٹ استعمال کرتے ہیں۔
<tr align="center">
height .4اس اٹری بیوٹ کی مدد سے ہمrow کی heightتبدیل کرسکتے ہیں جیسے
<tr height="255">
rowspan .6اس اٹری بیوٹ کی مدد سے ہم دو یا دو سے زیادہ Rowکو مرج کرکستے ہیں۔
<tr rowspan="4">
ٹیگ کے اٹری بیوٹس
<td>ٹیگ کے اٹری بیوٹس کی مدد سے آپ کسی بھی cellکا بیک گراﺅنڈ کلر تبدیل کرسکتے ہیں، کسی بھی cellکی heightاور width

تبدیل کرسکتے ہیں۔ اس کے ساتھ ساتھ آپ ایک سے زیادہ cellsکو مرج کرکے ایک cell میں تبدیل کرسکتے ہیں۔
colspan .6اس اٹری بیوٹ کی مدد سے ہم دو یا دو سے زیادہ کالمز کو مرج کرسکتے ہیں۔
<td colspan="4">

__________________

wajee

یہ ایک مکمل ٹیبل کوڈنگ ہے اس میں لنک دینا کلر تصوریر سب کچھ اس ٹیبل میں میں نے استعمال کیا ہے آپ بس اسکو سیف کر کے ایچ ٹی ایم ایل میں
for example
Table.html

Attached Files

Table Waqas Ali.rar (647 بائٹس, 31 views)

wajee

اگر کوئی مشکلات ہو تو ضرور بتانا