ہائپر ٹیکسٹ مارک اپ لینگویج جسے ایچ ٹی ایم ایل کے نام سے بھی جانا جاتا ہے، ویب ایپلیکیشن بنانے کے لیے استعمال کیا جاتا ہے۔ HTML ٹیگز، عام طور پر عناصر کے طور پر جانا جاتا ہے، HTML زبان کا سب سے اہم پہلو ہیں۔ HTML ٹیگز ویب صفحات پر مواد یا معلومات کو سرایت اور ڈسپلے کرتے ہیں۔ ایچ ٹی ایم ایل ٹیگز کی دو قسمیں ہیں: خالی اور کنٹینر ٹیگز۔
یہ بلاگ HTML میں خالی اور کنٹینر ٹیگز کے ساتھ کام کرنے کا طریقہ بتائے گا۔
خالی ٹیگز
خالی ٹیگز کو 'کے نام سے بھی جانا جاتا ہے۔ سنگلٹن 'یا' باطل ٹیگز باطل ٹیگ میں کبھی بھی کوئی مواد شامل نہیں ہوتا ہے، لیکن اوصاف بیان کیے جا سکتے ہیں۔ ان ٹیگز میں ختم ہونے والا ٹیگ نہیں ہے اور ٹیگ میں بیک سلیش ہو سکتا ہے۔ خالی ٹیگز کی مثالیں ہیں “
”, “”, “”, “
نحو
ایچ ٹی ایم ایل میں باطل عناصر کا ذکر کرنے کا نحو درج ذیل ہے:
< خالی ٹیگ />
خالی ٹیگز کے ساتھ کام کرنے کا طریقہ دیکھنے کے لیے، نیچے دی گئی مثال کو دیکھیں۔ '
ٹیگ لائن بریک ٹیگ کے طور پر جانا جاتا ہے اور لائن کو توڑنے کے لیے استعمال کیا جاتا ہے:
< ص > HTML خالی ٹیگز < بی آر > لکیر توڑنا ٹیگ ص >
آؤٹ پٹ اشارہ کرتا ہے کہ '
ٹیگ نے لائن توڑ دی ہے:
ہم HTML ٹیگز میں CSS اسٹائل کی خصوصیات شامل کر سکتے ہیں۔ '
ٹیگ ایک اور خالی عنصر ہے جو صفحہ پر افقی لکیر کا اضافہ کرتا ہے:
< گھنٹہ انداز = 'بارڈر ٹاپ: 3px ڈیشڈ ریڈ؛' > لکیر توڑنا ٹیگ
ص >
' بارڈر ٹاپ 'CSS پراپرٹی کا اطلاق ہوتا ہے'
'تین اقدار کے ساتھ، ایک بارڈر کی چوڑائی ہے جو کہ' کے برابر ہے۔ 3px '، بارڈر اسٹائل کو ' کے طور پر سیٹ کیا گیا ہے ڈیشڈ اور بارڈر کا رنگ۔
آؤٹ پٹ
اب تک، ہم نے HTML خالی ٹیگز پر بات کی ہے۔ اب، ہم اگلے حصے میں HTML کنٹینر ٹیگز کے ذریعے جائیں گے۔
کنٹینر ٹیگز
ایچ ٹی ایم ایل کنٹینر ٹیگز تین حصوں پر مشتمل ہیں: ابتدائی ٹیگ، مواد، اور اختتامی ٹیگز۔ ایچ ٹی ایم ایل کنٹینر ٹیگ کا نحو درج ذیل دیا گیا ہے:
< آغاز_دن > مواد اختتامی ٹیگ >HTML میں کنٹینر ٹیگ کیسے کام کرتا ہے یہ جاننے کے لیے نیچے دی گئی مثالیں دیکھیں۔
مثال 1: HTML میں پیراگراف کیسے شامل کریں؟
' ٹیگ کو HTML دستاویز میں پیراگراف کو سرایت کرنے کے لیے استعمال کیا جاتا ہے:
< ص > یہ ایک پیراگراف ٹیگ ہے۔ ص >آؤٹ پٹ
مثال 2: HTML میں عنوانات کیسے شامل کریں؟
ہیڈنگ کنٹینر ٹیگز کی چھ سطحیں ہیں جن کا استعمال کسی ویب صفحہ پر عنوانات شامل کرنے کے لیے کیا جا سکتا ہے۔ آئیے انہیں ایک HTML دستاویز میں ڈالتے ہیں کہ وہ کیسے کام کرتے ہیں اور ویب صفحہ پر نظر آتے ہیں:
< h1 > لینکس h1 >< h2 > لینکس h2 >
< h3 > لینکس h3 >
< h4 > لینکس h4 >
< h5 > لینکس h5 >
< h6 > لینکس h6 >
آؤٹ پٹ
ہم ان ٹیگز کو ان لائن اسٹائل فراہم کر سکتے ہیں۔ ذیل میں دی گئی مثال پر غور کریں، جو یہ بتاتی ہے کہ ان ٹیگز پر مختلف سی ایس ایس اسٹائلنگ خصوصیات کو کیسے لاگو کیا جائے:
< h1 انداز = 'پس منظر کا رنگ: تھرسٹل؛ فونٹ فیملی: cursive؛' > لینکس h1 >< h2 انداز = 'پس منظر کا رنگ: گندم؛ متن سیدھ: مرکز؛' > لینکس h2 >
< h3 انداز = 'پس منظر کا رنگ: ٹماٹر؛ رنگ: سفید؛' > لینکس h3 >
< h4 انداز = 'فونٹ فیملی: 'Trebuchet MS'؛ پس منظر کا رنگ: پیلا سبز؛' > لینکس h4 >
< h5 انداز = 'پس منظر کا رنگ: بنفشی؛' > لینکس h5 >
< h6 انداز = 'پس منظر کا رنگ: سفید دھواں؛' > لینکس h6 اور جی ٹی
یہاں مندرجہ بالا خصوصیات کی وضاحت ہے:
- ' پس منظر کا رنگ ' پراپرٹی عنصر کے پس منظر میں رنگ شامل کرتی ہے۔
- ' فونٹ فیملی پراپرٹی عنصر کے فونٹ اسٹائل کو ایڈجسٹ کرتی ہے۔
- ' متن سیدھ پراپرٹی متن کی جگہ یا سیدھ کو ایڈجسٹ کرتی ہے۔
آؤٹ پٹ
ہم نے آپ کو HTML کے خالی اور کنٹینر ٹیگز استعمال کرنے کا طریقہ دکھایا ہے۔
نتیجہ
خالی ٹیگز اور کنٹینر ٹیگز HTML دستاویزات کے اہم اجزاء ہیں جو مواد اور معلومات کو ویب صفحہ پر سرایت کرتے ہیں۔ خالی ٹیگز میں کوئی مواد نہیں ہوتا ہے اور یہ صرف اسٹارٹ ٹیگ پر مشتمل ہوتا ہے جس کے آخر میں بیک سلیش ہوتا ہے، جیسے
۔ تاہم، کنٹینر ٹیگز میں مواد کے ساتھ ابتدائی اور اختتامی ٹیگ ہوتے ہیں۔ اس بلاگ نے HTML میں خالی اور کنٹینر عناصر کے کام کرنے کی وضاحت کی ہے۔