HTML ٹیبل کا استعمال کرتے ہوئے

HTML میں، بہت سے عناصر ہیں، اور ان میں سے ہر ایک اپنے طریقے سے منفرد ہے. ٹیبل - بہت، دلچسپ مقبول اور سنجیدہ موضوع. اس کے لئے شکریہ، آپ کو صرف ایک آسان شکل میں معلومات نہیں فراہم کر سکتے ہیں، لیکن یہ بھی ایک ویب سائٹ کے فریم ورک کی تعمیر کے لئے.

اس سے قبل، تقریبا تمام ویبماسٹروں کا استعمال کرتے ترتیب کے لئے میزیں سائٹس ہے. ابتدائی طور پر، ٹیبل یہ نہیں اپ کے ساتھ آیا ہے. لہذا، ہم سائٹ کے موقع پر ایک بلاک div کے عنصر استعمال کرنا چاہیے.

آپ ہمیشہ ایک نیا رہنے کے لئے نہیں کرنا چاہتے، تو سب کچھ درست طریقے سے ایسا کرنے کے لئے فوری طور پر استعمال کیا ہو. یہ زبان HTML میں بہت اہم ہے. ٹیبل صرف معمول کی معلومات (متن، لنکس، فہرستوں، تصاویر، اور اسی طرح کی. پی)، اور ایک مجموعی طور پر نہیں پوری سائٹ رکھا جانا چاہئے.

کس طرح ایک ٹیبل HTML بنانے کے لئے؟

ٹیبل - دیگر عناصر کی ایک بڑی تعداد پر مشتمل ہے جس میں ایک پیچیدہ عنصر. یاد رکھیں کہ خلیات یا قطار بناتے وقت ہمیشہ فوری طور پر ٹیگ کو بند کرنے کی ضرورت ہے. ورنہ یہ اڑ جائے گا. براؤزر میں ہینڈلر عنصر کے اختتام کے لئے نظر آئے گا اور اس نے یہ پتہ چلا ہے جب تک، سب کچھ ٹیبل میں شامل کرنے کے لئے جاری رہے گی. نتیجہ دلیہ ہو جائے گا.

آپ "نوٹ پیڈ" میں نے ایک ویب سائٹ کو لکھنے، تو پھر سب کچھ اس کے ہاتھ کے ساتھ کیا کرنا پڑے گا. "داخل کریں میز"، "تصویر ڈالیں" اور اسی طرح کی - فائنل ایڈیٹر میں تو، عام طور پر ایک بٹن ہے.

EXAMPLE 2 ٹیبل 2.

<ٹیبل کی چوڑائی = "100٪" سرحد = "1">

<ٹیڈی> پہلی سیل کی پہلی سطر کے لئے متن

<ٹیڈی> پہلی سیل کی دوسری لائن کا متن

<ٹیڈی> دوسری صف کے پہلے سیل کا متن

<ٹیڈی> دوسری صف کے دوسرے سیل کا متن

ٹیگز <ٹیبل> اور ٹیبل کے شروع اور آخر کی طرف اشارہ ہے. ٹیگز اور - شروع اور لائن کے آخر. ایک ہی لائن میں خلیات ٹیگز <ٹیڈی> اور کی طرف سے وضاحت کر رہے ہیں کہ کسی بھی تعداد ہو سکتا ہے.

اہم اصول یہ ہے: ہر قطار میں خلیات کی تعداد کو ایک ہی ہونا چاہیے. یہ ایک میز ہے.

لیکن، ورڈ اور ایکسل ایڈیٹر میں کے طور پر، خلیات ایک دوسرے کے ساتھ مل کر کیا جا سکتا ہے.

کس طرح ایک ٹیبل میں خلیات کو اکٹھا کرنے کے لئے؟

جمع اور کرنے کے لئے استعمال Colspan Rowspan اوصاف. پھیلاؤ "کور" یا "اتیویاپی" کے طور پر ترجمہ کیا جاتا ہے. لغوی معنی - کور / سیل / قطار بند کرنے کے لئے.

اس وصف کی قدر بیان کرنا ضروری ہے کہ کتنے قطار یا خلیات بلاک کر دیا جائے گا. مندرجہ ذیل کا استعمال کرتے ہوئے دونوں کا ایک توضیحی مثال ہے HTML اوصاف ٹیبل میں.

اس مثال میں، پہلی سطر 3 وصف colspan = "3" کا استعمال کرتے ہوئے خلیات جمع. پھر دوسری سٹرنگ کے پہلے سیل چار قطاروں میں بڑھا. / کہ مسلسل یاد رکھیں صرف پہلی سیل میں یکجا. اس کی جائیداد پر پھیلا ہوا ہے. اس سے پہلے آتا ہے وہ سب، سے متاثر نہیں ہوں گے.

کیا آپ 2 سے 4 ضم کرنا چاہتے ہیں 5 خلیات ہیں، تو پھر آپ صرف سیل نمبر 2 میں وصف colspan = "3" کی وضاحت کی ضرورت ہے.

سلاٹ 9 نمبر مندرجہ بالا اعداد و شمار میں رکھیں کہ. فوری طور پر وہاں جمع ہیں اور خلیات اور قطار. اس طرح کے افعال ممنوع نہیں ہیں.

معلومات کو محفوظ کرنے کی ایک اور مثال دیکھیں. کچھ الجھن اور اس کی بجائے بعض اوقات مشترکہ خلیات کی قطاروں کی صفات کے بعد سے.

ٹیبل کی شکل

HTML کے ایک عام، معیاری کیس لے لو. ٹیبل دو خلیات میں سے ہر ایک کی دو لائنیں.

کوڈ کا مندرجہ ذیل کے طور پر ہو جائے گا.

جیسا کہ آپ دیکھ سکتے ہیں کے طور پر، کوئی اثرات نہیں ہیں. آپ ایک فریم شامل کی چوڑائی اور اونچائی وضاحت کر سکتے ہیں.

آپ بھی صف بندی کے ساتھ کھیل سکتے ہیں. اس کی اونچائی اور چوڑائی دونوں میں اتحاد کر سکتے ہیں.

عمودی - valign افقی سیدھ کریں کرنے کی سیدھ کریں، اور. یہ اس طرح ایک نتیجہ ہے.

صفات سیدھ کریں اور valign پوری لائن پر لاگو کیا جا سکتا ہے. پھر اس میں ہے کہ تمام خلیات ان صفات کے تابع ہو جائے گا.

ٹیگ کے علاوہ <ٹیڈی> اور ، <ویں> ایک اضافی ٹیگ نہیں ہے. اصل میں یہ <ٹیڈی> کی ایک analogue ہے، لیکن یہ صرف پہلی صف میں اور بڑھ رہا ہے استعمال کیا جاتا ہے. بنیادی طور پر، <ویں> مرکوز ہے میں اور جرات مندانہ میں متن.

کس طرح کی میز پر سٹائل مربوط کرنے کے لئے؟

کسی کو پسند ٹیگز HTML، ٹیبل شیلیوں کے ذریعے تبدیل کیا جا سکتا ہے. < "متن / CSS" // سائٹ /article/255972/٪E2٪80٪9Cstyle.css٪E2٪80٪9D قسم = لنک ریل = "stylesheet میں" href کی = HTTP> یا آپ کے سر میں سٹائل فائل کی وضاحت کرنے کی ضرورت ہے تیار سٹائل (سر میں بیان کیا گیا ہے کے طور پر).

<سر>

...

<طرز کی قسم = "متن / CSS ">

ٹیبل {

فونٹ خاندان: وردان، اپریل، ہیلویٹکا، بغیر سیرف-؛

رنگ: # 000000؛

}

.my_class

{

رنگ: # 666666؛

}

...

آپ کو ایک ٹیبل کی وضاحت، تو اس سٹائل کے صفحے پر تمام ٹیبل پر لاگو ہوں گے. بالکل سب. لیکن، آپ کو ایک نقطہ کے ساتھ ایک صوابدیدی نام کی طرف اشارہ دوسرا طریقہ، استعمال کرتے ہیں تو، پھر اس انداز سے کسی بھی مطلوبہ میز پر جبکہ دوسرے کو متاثر نہیں لاگو کیا جا سکتا ہے.

<ٹیبل کلاس = "my_class">

براہ مہربانی نوٹ کریں کلاسوں میز کے لئے ایک ٹیگ کے طور پر اور ایک مخصوص سیل یا صف کے لئے استعمال کیا جا سکتا ہے.

<ٹیبل کلاس = "style_table" چوڑائی = " 100٪" سرحد = "1">

<ٹیڈی کلاس = "style_td1"> سب سے پہلے سیل کی پہلی سطر کا متن

<ٹیڈی کلاس = "style_td2"> سب سے پہلے سیل کی دوسری لائن کا متن

<ٹیڈی> دوسری صف کے پہلے سیل کا متن

<ٹیڈی> دوسری صف کے دوسرے سیل کا متن

کہیں آرٹسٹ نے غلطی کی سٹائل، نتیجہ نہیں دیکھیں گے تو. تاہم، انداز میں غلطیاں ہیں، لیکن ناموں ایک ہی ہیں، تو اثر نہیں ہو گا. ہر ایک کوما یا بڑی آنت کے ایک اہم کردار ادا کرتا ہے.

ٹیبل میں ایڈیشنل صفات

کیا سٹائل کلاسوں میں لکھا جا سکتا اوصاف؟ میزیں کے لئے خاص لاگو ہونے والے کئی صفات ہیں. جن میں سے سب سے بنیادی غور بہت مفید ہیں.

سیدھ میں	افقی سیدھ
valign	عمودی سیدھ
پس منظر کے	سیل / ٹیبل میں پس منظر کی تصویر
bgcolor	کے پس منظر کا رنگ سیل
bordercolor	فریم رنگین ٹیبل / خلیات
اونچائی	سیل اونچائی
nowrap	ایک تار میں لپیٹ متن پر پابندی عائد.
چوڑائی	سیل / ٹیبل کی چوڑائی

جیسا کہ آپ دیکھ سکتے ہیں کے طور پر، ٹیبل میں HTML استعمال "اوزار" کی ایک بڑی تعداد میں ہو سکتا ہے.

خوبصورت HTML ٹیبل کا استعمال کرتے ہوئے تخلیق کیا ہے. مثالیں

سٹائل کی وجہ سے آپ کو خوبصورت ٹیبل کے ایک قسم کے پیدا کر سکتا ہے. یہ سب آپ کو پسند کیا اور کس طرح پر منحصر ہے. یہ کھانا پکانے کی طرح ہے. اجزاء ایک ہی ہیں، اور مزید اختیارات کئی ترکیبیں ہیں.

جیسا کہ آپ دیکھ سکتے ہیں کے طور پر، آپ کو ایچ ٹی ایم ایل ٹیگز کا استعمال کرتے ہیں تو، میز تسلیم سے باہر تبدیل کر دیا جا سکتا ہے. ممکن حدود کو آپ کی کلپنا کی طرف سے مقرر.