نظرانداز کرکے مرکزی مواد پر جائیں

html کی تین بنیادی اصطلاحات tag, element, attribute

بندہ کی کتاب ”آسان ایچ ٹی ایم ایل“ سے کچھ اسباق بطور ”تبرّک“ پیش کررہا ہوں، کہ اسی بہانے ہی بلاگ میں ”کچھ نہ کچھ“ ہوتا رہے۔ :)

HTML کی تین اہم اصطلاحات یہ ہیں:
1. ٹیگ:Tag
2. ایلیمنٹ: Element
3. ایٹریبیوٹ :Attribute
اب ہر ایک کی تفصیل دیکھیے:

ٹیگ :: Tag

”ٹیگ“ ایچ ٹی ایم ایل میں بنیادی حیثیت رکھتا ہے۔ ٹیگز کی مثال ایسی ہے جیسے عمارت میں لگی ”اینٹیں“۔ ٹیگز سے مل کر ہی ہماری سائٹ کا ڈھانچہ تیار ہوتا ہے۔
ایچ ٹی ایم ایل ٹیگز کی دنیا ہے۔ یہاں ہر کام ٹیگ کی مدد سے کیا جاتا ہے۔ سادہ الفاظ میں ہم ٹیگ کا مطلب ”کوڈ“لے سکتے ہیں۔ ایچ ٹی ایم ایل میں کوڈ ان دو علامات < > کے درمیان لکھا جاتا ہے۔ اسے ٹیگ کا نام دیتے ہیں۔

اوپننگ اور کلوزنگ ٹیگ

ٹیگز دو طرح کے ہوتے ہیں۔
1. Opening Tag
2. Closing Tag
اوپننگ ٹیگ اس شکل < tag > میں لکھا جاتا ہے۔ جبکہ کلوزنگ ٹیگ < tag/ > کی شکل میں لکھا جاتا ہے۔ ایچ ٹی ایم ایل میں ہر ہر ٹیگ کو بند کرنا ضروری ہے۔
مثال کے طور پر ایک مکمل ٹیگ کی شکل یہ ہوگی:
ایک HTML فائل < html > کے ٹیگ سے شروع ہوتی ہے اور < html/ > ٹیگ پر ہی ختم ہوتی ہے۔ باقی سارے ٹیگز اِن دونوں کے اندر لکھے جاتے ہیں۔

< body > ٹیگ

< html > ٹیگ کے اندر < body > کا ٹیگ لگتا ہے۔ اس کی شکل کچھ یوں ہوگی۔
 <html>  
 <body>   
 </body>  
 </html>  
اہم بات:ٹیگ بند کرنے کا عمومی قانون یہ ہے کہ جو ٹیگ پہلے لگایا ہے اسے آخر میں بند کیا جائے ۔
آپ نے دیکھا کہ < html > ٹیگ پہلے لگایا اور آخر میں بند کیا گیا ہے۔ جبکہ < body > ٹیگ بعدمیں لگایا گیا اور پہلے بند کیا گیا ہے۔

ایلیمنٹ: Element

کسی بھی ٹیگ کے ”مجموعے“ کو ایلیمنٹ کہا جاتا ہے،
html کو بغیر اسپیس دیئے اور بغیر Enter کیے ایک سیدھی لائن میں بھی لکھا جاسکتا ہے۔ لیکن ایک ویب سائٹ کی ہر ایک صفحے کی کوڈنگ سیکڑوں اور بعض اوقات ہزاروں لائنوں پر مشتمل ہوتی ہے اس لیے html ڈویلپرز کوڈ کو ایک ہی لائن میں لکھنے کے بجائے ایک مخصوص طریقے سے enter اور space دے کر لکھتے ہیں تاکہ بعد میں مطلوبہ”کوڈ “ڈھونڈنے پر پریشانی نہ ہو۔

تبصرے

اس بلاگ سے مقبول پوسٹس

مکتبۂ شاملہ نیا ورژن 100 جی بی (76 جی بی ڈاؤنلوڈ)

مکتبۂ شاملہ کے تعارف بارے میں لکھ چکا ہوں کہ مکتبۂ شاملہ کیا ہے۔ اس کے نسخۂ مفرغہ (App-only) کے بارے میں بھی بات ہوچکی ہے، اور نسخۂ وقفیہ پر بھی پوسٹ آچکی ہے۔ عموماً سادہ شاملہ 15 جی بی کا ہوتا ہے جس میں 6000 کے لگ بھگ کتابیں ہوتی ہیں جو ٹیکسٹ شکل میں ہوتی ہیں۔ مدینہ منوّرہ کے کچھ ساتھیوں نے اس کا نسخۂ وقفیہ ترتیب دیا، جس کا سائز تقریباً 72 جی بی تھا۔ ابھی تحقیق سے معلوم ہوا کہ نسخۂ وقفیہ کا 100 جی بی والا ورژن بھی آچکا ہے۔ جس میں نئی کتابیں شامل کی گئی ہیں، اور کئی بگز کو بھی دور کیا گیا ہے۔ ڈاؤنلوڈ سائز 76 جی بی ہے، اور جب آپ ایکسٹریکٹ کرلیں گے تو تقریباً 100 جی بی کا ڈیٹا نکلے گا۔ رمضان المبارک کی مبارک ساعات میں کی گئی دعاؤں میں یاد رکھیے۔

مکمل درسِ نظامی کتب مع شروحات وکتبِ لغۃ اور بہت کچھ۔ صرف 12 جی بی میں

تعارف ”درسِ نظامی“ہند وپاک کے مدارس میں پڑھایا جانے والا نصاب ہے۔کتابوں کے اس مجموعے کے اندر درسِ نظامی کے مکمل 8 درجات کی کتابیں اور ان کی شروح کو جمع کرنے کی کوشش کی گئی ہے۔ یہ مجموعہ کس نے ترتیب دیا ہے، معلوم نہیں اور اندازے سے معلوم یہ ہوتا ہے یہ ابھی تک انٹرنیٹ پر دستیاب نہیں۔ اور پاکستان (یا شاید کراچی)میں ”ہارڈ ڈسک بہ ہارڈ ڈسک“ منتقل ہوتا رہا ہے۔بندہ کو یہ مجموعہ ملا تو اس کا سائز قریباً 22 جی بی تھا۔ تو اسے چھوٹا کرنا اور پھر انٹرنیٹ پر اپلوڈ کرنا مناسب معلوم ہوا کہ دیگر احباب کو بھی استفادہ میں سہولت ہو، مستقبل کے لیے بھی ایک طرح سے محفوظ ہوجائے۔یہ سوچ کر کام شروع کردیا۔ اسے چھوٹا کرنے، زپ کرنے اور پھر انٹرنیٹ پر اپلوڈ کرنے میں قریباً ایک مہینہ کا عرصہ لگا ہے۔ اور کام سے فارغ ہونے کے بعد اس کا سائز 11.8 جی بی یعنی پہلے سے تقریباً نصف ہے۔ اس سے مزید چھوٹا کرنے پر صفحات کا معیار خراب ہونے کا خدشہ تھا، تو نہ کیا۔ جن احباب نے یہ مجموعہ ترتیب دیا ہے ان کے لیے جزائے خیر کی دعا کرتے ہوئے، اور اللہ تعالیٰ سے خود اپنے اور سب کے لیے توفیقِ عمل کی دعا کرتے ہوئے آپ کے سامنے پیش کرنے کی ...

ویڈیوز کی مدد سے مائکروسافٹ ورڈ میں اردو کا کام کرنا سیکھیں

کچھ عرصہ ہوا ہے کہ اردو پر کام کرنے والے حضرات ان پیج سے ورڈ کی طرف منتقل ہورہے ہیں، یہ بہت خوش آئند بات ہے۔ لیکن یہ شرح بہت کم ہے اور اس میں اضافہ ہونا چاہیے۔ یہ سوچ کر کچھ ویڈیوز ریکارڈ کی تھیں جس میں مائکروسافٹ ورڈ میں اردو پر کام کرنے کے لیے بنیادی ہدایات تھیں۔ یہ ویڈیوز بلاگ میں موجود تھیں اور بلاگ ریڈرز نے انہیں دیکھا اور پسند کیا۔ آسانی کے لیے یہ ساری ویڈیوز ایک جگہ رکھ رہا ہوں۔ ان ویڈیو کو دیکھیں اور مائکروسافٹ ورڈ میں لاگو کریں۔ ان ویڈیوز کی مدد سے مائکروسافٹ ورڈ کے کسی بھی ورژن پر کام کیا جاسکتا ہے۔ میں ورڈ 2010 ورژن استعمال کرتا ہوں، کیونکہ یہ ایک اسٹیبل ورژن ہے اور اس میں عام طور پر کوئی بگ/خرابی نہیں پیش آتی۔ ورڈ 2013 اور ورڈ 2017 میں کچھ مسائل پیش آتے ہیں، اس لیے میں اس کو اردو کتابوں کی تیاری کے لیے استعمال نہیں کرتا۔ ورڈ 2007 میں بلٹن پی ڈی ایف سپورٹ شامل نہیں اس لیے اسے بھی نہیں استعمال کرتا، اس لیے آپ بھی اگر مناسب ہو تو ورڈ 2010 یا اس سے اوپر کا کوئی ورژن استعمال کریں۔