Skip to main content

ویب ڈیزائن میں سی ایس ایس کے ساتھ اسپین اور ڈیو ایچ ٹی ایم ایل عناصر کا استعمال کرتے ہوئے

???? ????COLECCIÓN de vehículos PLAYMOBIL. ????La MAYOR de la HISTORIA (coches,carros,camiones) ???????? (مئی 2024)

???? ????COLECCIÓN de vehículos PLAYMOBIL. ????La MAYOR de la HISTORIA (coches,carros,camiones) ???????? (مئی 2024)

:

Anonim

بہت سے لوگ جو ویب ڈیزائن اور ایچ ٹی ایم ایل / سی ایس ایس میں نیا ہیں اور

جیسے ہی وہ ویب صفحات تیار کرتے ہیں، ان میں متعدد عناصر شامل ہیں. حقیقت یہ ہے کہ ان HTML میں سے ہر ایک مختلف مقاصد کی خدمت کرتا ہے. اپنے مقصد کے لۓ ہر ایک کو استعمال کرنے کے لئے سیکھنے میں آپ کو کلینر ویب صفحات تیار کرنے میں مدد ملے گی جو کوڈ مجموعی طور پر منظم کرنے میں آسان ہے.

کا استعمال کرتے ہوئے
عنصر

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

ڈوی عنصر کا استعمال کرنے کے لئے، کھلی جگہ پر رکھیں

آپ کے صفحے کے علاقے سے پہلے ٹیگ جسے آپ الگ الگ ڈویژن کے طور پر چاہتے ہیں، اور قریبی
اس کے بعد ٹیگ:

ڈویژن کا مواد

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

id = "mydiv">

)، یا ایک کلاس کا انتخاب کنندہ (مثال کے طور پر،

کلاس = "bigDiv">

). پھر ان دونوں صفات کو سی ایس ایس کے ذریعے منتخب کیا جا سکتا ہے یا جاوا اسکرپٹ کا استعمال کرتے ہوئے نظر ثانی شدہ. موجودہ بہترین طریقوں کی شناخت کے بجائے شناخت کے بجائے کلاس کے انتخاب کاروں کو استعمال کرنے کی بجائے، مخصوص مخصوص ID منتخب کنندگان کی وجہ سے. سچ میں، تاہم، آپ ایک یا تو استعمال کرسکتے ہیں اور یہاں تک کہ ایک ڈویژن اور ایک کلاس کا انتخاب کنندہ بھی تقسیم کرسکتے ہیں. استعمال کرنے کے لئے
بمقابلہ

ڈوی عنصر ایچ ٹی ایم ایل 5 سیکشن عنصر سے مختلف ہے کیونکہ اس سے منسلک مواد کو کسی بھی معنوی معنی نہیں دیتا. اگر آپ اس بات کا یقین نہیں کر رہے ہیں کہ مواد کا بلاک ڈی ڈی یا ایک سیکشن ہونا چاہئے، اس بارے میں سوچیں کہ عناصر اور مواد کا مقصد آپ کو کونسا استعمال کرنے کا فیصلہ کرنے میں مدد ملتی ہے:

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

بالآخر، ڈویژن اور حصوں دونوں ہی خوبصورت طریقے سے چلتے ہیں اور آپ ان میں سے کسی کو بھی دے سکتے ہیں کہ آپ اپنی سائٹ کی ضرورت کو حاصل کرنے کیلئے سی ایس ایس کے ساتھ اقدار کو نمایاں کریں. یہ دونوں بلاک سطح عناصر ہیں.

کا استعمال کرتے ہوئے عنصر

مدت عنصر ڈیفالٹ کے ذریعہ ایک ان لائن عنصر ہے. یہ اس کو ڈی وی اور سیکشن عناصر سے الگ کرتا ہے. مدت کا عنصر اکثر ایک اضافی "ہک" دینے کے لئے، عام طور پر متن کی ایک مخصوص ٹکڑا لپیٹ کرنے کے لئے استعمال کیا جاتا ہے، جو بعد میں سٹائل کیا جا سکتا ہے. سی ایس ایس کے ساتھ استعمال کیا جاتا ہے، یہ متن کے طرز کو تبدیل کر سکتا ہے جس میں اس سے ملتا ہے؛ تاہم، کسی بھی سٹائل کے صفات کے بغیر، صرف اس وقت کی عنصر متن پر کوئی اثر نہیں پڑتا ہے.

اس مدت اور ڈیو عناصر کے درمیان اہم فرق ہے. جیسا کہ اوپر بیان کیا گیا ہے، ڈیو عنصر میں پیراگراف وقفے شامل ہیں، لیکن اس وقت کے عنصر میں صرف براؤزر کو بتاتا ہے کہ اس سلسلے میں منسلک کیا سی ایس ایس سٹائل کے قوانین کو لاگو کیا جاسکتا ہے. ٹیگ:

ہائی ٹیکڈ متن اور غیر نمایاں کردہ متن.

شامل کریں

کلاس = "نمایاں"

یا دوسرے طبقے کے عنصر پر سی ایس ایس کے ساتھ متن سٹائل کرنے کے لئے (مثال کے طور پر،

کلاس = "نمایاں">

) .نصر عنصر کی ضرورت نہیں ہے خاصیت، لیکن تین جو سب سے زیادہ مفید ہیں ڈی ڈی عنصر کے طور پر اسی طرح کے ہیں:

  • سٹائل
  • کلاس
  • شناخت

اس مدت کا استعمال کرتے وقت اس وقت جب آپ اس مواد کو دستاویز کے کسی نئے بلاک کی سطح کے عنصر کے طور پر وضاحت کرنے کے بغیر مواد کی طرز تبدیل کرنا چاہتے ہیں.

مثال کے طور پر، اگر آپ چاہتے ہیں کہ H3 کا دوسرا لفظ سرخ ہونے کی سرخی ہو تو آپ اس لفظ کو ایک ایسے عنصر کے ساتھ گھیر سکتے ہیں جو اس لفظ کو سرخ متن کے طور پر پیش کرے گی. لفظ اب بھی H3 عنصر کا حصہ رہتا ہے، لیکن اب سرخ میں بھی دکھاتا ہے:

یہ میرا بہت اچھا عنوان ہے