HTML Tutorial
HTML Tutorial

HTML - جائزہ


HTML کا مطلب ہے Hypertext Markup Language، اور یہ ویب پیجز لکھنے کے لئے سب سے زیادہ استعمال ہونے والی زبان ہے۔

  • ہائپر ٹیکسٹ اس وجہ سے ہوتا ہے کہ ویب پیجز (HTML دستاویزات) کو ایک دوسرے کے ساتھ جوڑا گیا ہے۔ لہذا، ویب پیج پر دستیاب ہونے والا لنک ہائپر ٹیکسٹ کہلاتا ہے۔

  • جیسا کہ اس کا نام ظاہر کرتا ہے، HTML ایک مارک اپ زبان ہے جس کا مطلب ہے کہ آپ HTML استعمال کرتے ہیں صرف ایک موادع کے ساتھ "مارک اپ" کرنے کے لئے ٹیگز جو برائے برائے ویب براؤزر کو بتاتے ہیں کہ یہ کیسے ڈسپلے کرنا ہے۔

اصل میں، HTML کو دستاویز کی ڈھانچا، ہیڈنگز، پیراگراف، لسٹس وغیرہ کو تعریف کرنے کا ارادہ کر کے تیار کیا گیا تھا تاکہ محققوں کے درمیان علمی معلومات کا اشتراک ہو سکے۔

اب HTML کو مختلف ٹیگز میں دستیاب ہونے والے ہیلپ کے ساتھ ویب پیج کو فارمیٹ کرنے کے لئے وسیع انداز میں استعمال کیا جا رہا ہے۔

بنیادی HTML ڈاکیومنٹ

اس کی سب سے سادہ شکل میں، زیر میں ایک HTML ڈاکیومنٹ کا مثال ہے −

<!DOCTYPE html>
<html>

   <head>
      <title>یہ ڈاکیومنٹ ٹائٹل ہے</title>
   </head>
	
   <body>
      <h1>یہ ایک ہیڈنگ ہے</h1>
      <p>ڈاکیومنٹ کا موادع یہاں ہے۔.....</p>
   </body>
	
</html>

HTML ٹیگز

پہلے ہی بتایا گیا کہ HTML ایک مارک اپ زبان ہے اور مواد کو فارمیٹ کرنے کے لئے مختلف ٹیگز کا استعمال کرتا ہے۔ یہ ٹیگز زاویہ برابر میں بند ہوتے ہیں <ٹیگ کا نام>۔ چند ٹیگز کے علاوہ، زیادہ تر ٹیگز کے اپنے مطابقت رکھنے والے بند ٹیگز ہوتے ہیں۔ مثال کے طور پر، <html> کا اپنا بند ٹیگ </html> ہوتا ہے اور <body> ٹیگ کا اپنا بند ٹیگ </body> ٹیگ وغیرہ ہوتا ہے۔

HTML ڈاکیومنٹ کا مثال اوپر دی گئی ٹیگز کا استعمال کرتی ہے −

Sr.No ٹیگ اور تفصیل
1 <!DOCTYPE...>

اس ٹیگ نے دستاویز کی قسم اور HTML ورژن کو تعین کرنے کا کام کیا ہے۔

2 <html>

یہ ٹیگ پورے HTML ڈاکیومنٹ کو گھیرتا ہے اور بنیاداً دستاویز ہے جو <head>...</head> اور ڈاکیومنٹ باڈی جو <body>...</body> ٹیگز سے ظاہر ہوتا ہے۔

3 <head>

یہ ٹیگ دستاویز کو ظاہر کرتا ہے جو دوسرے HTML ٹیگز مثل <title>، <link> وغیرہ رکھ سکتا ہے۔

4 <title>

<head> ٹیگ کے اندر یہ ٹیگ دستاویز کا عنوان دینے کے لئے استعمال ہوتا ہے۔

5 <body>

یہ ٹیگ دستاویز کو ظاہر کرتا ہے جو دوسرے HTML ٹیگز مثل <h1>، <div>، <p> وغیرہ رکھتا ہے۔

6 <h1>

یہ ٹیگ ہیڈنگ کو ظاہر کرتا ہے۔

7 <p>

یہ ٹیگ پیراگراف کو ظاہر کرتا ہے۔

HTML سیکھنے کے لئے، آپ کو مختلف ٹیگز کو مطالعہ کرنا ہو گا اور سمجھنا ہو گا کہ یہ کس طرح برابر ایک متنی ڈاکیومنٹ کو فارمیٹ کرنے کا عمل ہوتا ہے۔ HTML سیکھنا آسان ہے کیونکہ صارفین کو یہ سیکھنا ہوتا ہے کہ مختلف ٹیگز کا استعمال کرکے متن یا تصاویر کو خوبصورت ویب پیج بنانے کے لئے۔

ورلڈ وائیڈ ویب کانسارٹیم (W3C) HTML 4 سے لے کر شروع ہونے والے ٹیگز کو چھوڑنے کا خیال کرتی ہے۔

HTML ڈاکیومنٹ ساخت

ایک عام HTML ڈاکیومنٹ کا ذیلی ساخت ہوتی ہے:

<html>
   
   <head>
      ڈاکیومنٹ ہیڈر سے متعلق ٹیگز
   </head>
   
   <body>
      ڈاکیومنٹ باڈی سے متعلق ٹیگز
   </body>
   
</html>

ہم آئیں گے تمام ہیڈر اور باڈی ٹیگز کا مطالعہ کریں گے، لیکن ابھی چلیں دیکھتے ہیں کہ ڈاکیومنٹ ڈیکلیشن ٹیگ کیا ہے۔

<!DOCTYPE> ڈیکلیشن

ویب براؤزر <!DOCTYPE> ڈیکلیشن ٹیگ کا استعمال ڈاکیومنٹ میں استعمال ہونے والے HTML کے ورژن کو سمجھنے کے لئے کرتا ہے۔ HTML کا موجودہ ورژن 5 ہے اور اس نے مندرجہ ذیل ڈیکلیشن کا استعمال کیا ہے:

<!DOCTYPE html>

HTML ڈاکیومنٹ میں دیگر ڈیکلیشن قسمیں بھی ہیں جو HTML کے ورژن پر مبنی ہوتی ہیں۔ ہم دیگر HTML ٹیگز کے ساتھ <!DOCTYPE...> ٹیگ کو بحث کرتے وقت اس پر مزید تفصیلات دیکھیں گے۔