یہ گائیڈ ظاہر کرتا ہے کہ HTML اسٹارٹر ٹیمپلیٹ کیا ہے۔
ایچ ٹی ایم ایل سٹارٹر ٹیمپلیٹ کیا ہے؟
ایک HTML سٹارٹر ٹیمپلیٹ میں ڈیکلریشن، ،
، اور ٹیگز، اور CSS اسٹائلز اور JavaScript اسکرپٹ کا ایک بنیادی سیٹ ہوتا ہے۔ یہ ٹیگز ویب صفحہ بنانے کے لیے ایک بنیاد فراہم کرتے ہیں جس سے ڈویلپرز کے لیے بہت زیادہ وقت اور محنت کی بچت ہوتی ہے۔HTML اسٹارٹر ٹیمپلیٹ اس طرح ظاہر ہوتا ہے:
< html صرف = 'میں' >
< سر >
< میٹا چار سیٹ = 'UTF-8' >
< میٹا نام = 'ویو پورٹ' مواد = 'چوڑائی = ڈیوائس کی چوڑائی، ابتدائی پیمانہ = 1' >
< عنوان > لینکس < / عنوان >
< لنک rel = 'اسٹائل شیٹ' href = './style.css' >
< میٹا http-equiv = 'X-UA-مطابقت پذیر' مواد = 'یعنی = کنارے' >
< / سر >
< جسم >
< h1 > ایچ ٹی ایم ایل سٹارٹر ٹیمپلیٹ < / h1 >
< / main>
< سکرپٹ src = 'index.js' >< / سکرپٹ >
< / جسم >
< / html >
ایچ ٹی ایم ایل سٹارٹر ٹیمپلیٹ میں دستیاب ٹیگز/عناصر کے بارے میں معلومات حاصل کرنے کے لیے درج ذیل مظاہرے پر عمل کریں:
ٹیگ
' ٹیگ فائل کی قسم کے بارے میں ڈیٹا پر مشتمل ہے اور براؤزر کو بتاتا ہے کہ اسے کیسے رینڈر کیا جائے۔ یہ ٹیگ ویب پیج بنانے کے لیے ایچ ٹی ایم ایل کا کون سا ورژن استعمال کیا جاتا ہے اس کے بارے میں معلومات فراہم کرکے سرچ انجن کی اصلاح میں بہت مدد کرتا ہے۔ اگر یہ ٹیگ HTML فائل میں غائب ہے، تو ویب براؤزر غیر متوقع طور پر برتاؤ کر سکتا ہے یا غلط عناصر کو ظاہر کر سکتا ہے۔
ٹیگ
' ٹیگ ایک مطلوبہ عنصر ہے، اور یہ تمام HTML عناصر کے لیے ایک کنٹینر کی طرح کام کرتا ہے۔ یہ جڑ عنصر ہے کا مطلب ہے کہ دوسرے تمام عناصر کو صحیح طریقے سے کام کرنے کے لیے اندر رکھا جانا چاہیے۔ اس ٹیگ کو ویب پیج کی ساخت اور مواد کی وضاحت کرنے اور دستاویز کے بارے میں میٹا ڈیٹا کی وضاحت کرنے میں مدد کے لیے استعمال کیا جا سکتا ہے۔ اس کا استعمال کرتے ہوئے ' صرف HTML صفحہ کی زبان کو منسوب کیا جا سکتا ہے:
< html صرف = 'میں' >// کوڈ
< / html >
مندرجہ بالا کوڈ کے ٹکڑوں میں، HTML صفحہ کی زبان ' انگریزی '
'' ٹیگ
ویب پیج کے بارے میں معلومات کو اندر داخل کیا جاتا ہے ' اور ویب پیج پر نظر نہیں آتا اور یہ معلومات SEO مقاصد کے لیے استعمال کی جاتی ہیں۔ اس میں عام طور پر میٹا ڈیٹا شامل ہوتا ہے، جیسے صفحہ کا عنوان، تفصیل، اور کلیدی الفاظ، نیز بیرونی اسٹائل شیٹس، اسکرپٹس اور دیگر وسائل کے لنکس:
< سر >// داخل کریں کوڈ یہاں
< / سر >
ٹیگز
ٹیگ HTML دستاویز کے بارے میں میٹا ڈیٹا فراہم کرتا ہے، جیسے کریکٹر سیٹ، مطلوبہ الفاظ، اور صفحہ کی تفصیل۔ یہ براؤزر کے انجن کی اصلاح میں ایک اہم کردار ادا کرتا ہے۔ یہ یقینی بناتا ہے کہ ویب براؤزر صحیح انکوڈنگ معیارات کا استعمال کرتے ہوئے متن کو صحیح طریقے سے دکھاتا ہے۔ HTML صفحہ سے متعلق مطلوبہ الفاظ اور تفصیل کو ترتیب دینے کے لیے بھی استعمال کیا جاتا ہے:
< میٹا ... / > ٹیگ
' <عنوان> براؤزر کے ٹائٹل بار پر ویب پیج یا ویب سائٹ کا نام ظاہر کرنے کے لیے استعمال کیا جاتا ہے۔ یہ ٹیگ ویب سائٹ کے ویب پیجز کو منظم کرنے میں فائدہ مند ثابت ہو سکتا ہے۔ یہ SEO کے عمل میں مدد کرتا ہے اور وضاحتی اور معنی خیز عنوانات کو شامل کرکے رسائی کو بہتر بناتا ہے۔ اس سے کچھ معذوری والے صارفین کو سائٹ پر آسانی سے نیویگیٹ کرنے میں مدد ملتی ہے:
< عنوان > Linuxhint < / عنوان >کوڈ کی مذکورہ لائن پر عمل کرنے کے بعد ' ٹیگ، ویب صفحہ اس طرح ظاہر ہوتا ہے:
مندرجہ بالا آؤٹ پٹ ظاہر کرتا ہے کہ ڈمی ڈیٹا کے اندر فراہم کردہ ' <عنوان> ” کا ٹیگ اب ٹائٹل بار پر رکھا گیا ہے۔
ٹیگ
اس ٹیگ کا استعمال HTML فائلوں کو دوسری فائلوں سے لنک کرنے کے لیے کیا جاتا ہے تاکہ HTML فائل میں اسٹائل یا طریقوں کو وراثت میں حاصل کیا جا سکے۔ دوسری فائلیں سی ایس ایس فائلیں ہو سکتی ہیں جو ڈویلپر یا سی ایس ایس فریم ورک کے کچھ CDNs جیسے بوٹسٹریپ یا ٹیل وِنڈ وغیرہ کے ذریعے بنائی گئی ہیں۔ یہ وسیع پیمانے پر استعمال ہوتی ہے کیونکہ اس کے استعمال سے کوڈ کی لائن بہت کم ہو جاتی ہے اور پہلے سے تعمیر شدہ سٹائل مہیا کرتی ہے جن کو استعمال کیا جا سکتا ہے۔ HTML فائل:
< لنک rel = 'اسٹائل شیٹ' href = './style.css' >کوڈ کی اوپر کی لائن میں، ' style.css ” فائل HTML فائل کے ساتھ منسلک ہو رہی ہے۔ اب، HTML فائل میں اسٹائل لگانے کے لیے 'style.css' فائل کے اندر بنی کلاسز تک رسائی حاصل کی جا سکتی ہے۔ مثال کے طور پر، اسٹائل کرنے کی کوشش کریں ' ٹیگ جو پہلے سے ہی درج ذیل سی ایس ایس خصوصیات کا استعمال کرتے ہوئے ایچ ٹی ایم ایل فائل کے اندر داخل کیا گیا ہے۔
h1 {فونٹ فیملی: ٹائم نیو رومن؛
رنگ : گہرا
}
مندرجہ بالا کوڈ داخل کریں ' style.css 'فائل. رینڈرنگ کے بعد ویب پیج اس طرح ظاہر ہوتا ہے:
ویب صفحہ ظاہر کرتا ہے کہ اسٹائلز کو HTML عنصر پر بیرونی CSS فائل سے لاگو کیا جاتا ہے ' 'ٹیگ۔
' ' ٹیگ
ٹیگ کا بنیادی استعمال ویب صفحہ کے تمام مرئی مواد پر مشتمل ہے۔ اس میں متعدد ٹیگز شامل ہیں جو ویب صفحہ پر متن، تصاویر، ویڈیوز اور دیگر عناصر کو داخل کرنے میں مدد کرتے ہیں جو ویب صفحہ کا مرکزی مواد بناتے ہیں۔ اس کا استعمال ویب پیج پر ایک ساتھ CSS پراپرٹیز کو لاگو کرنے کے لیے بھی کیا جا سکتا ہے۔ یہ سیمنٹک ٹیگز اور دیگر قابل رسائی خصوصیات کو شامل کرکے ویب پیج کی رسائی کو بھی بہتر بناتا ہے: < جسم >
// یہاں HTML عناصر شامل کریں۔
< / جسم >