Google Play badge

ہائپر ٹیکسٹ مارک اپ زبان


ہائپر ٹیکسٹ مارک اپ لینگویج (HTML)

ایچ ٹی ایم ایل کا مطلب ہائپر ٹیکسٹ مارک اپ لینگویج ہے۔ یہ ویب براؤزر میں ڈسپلے کرنے کے لیے ڈیزائن کردہ دستاویزات کے لیے معیاری مارک اپ لینگوئج ہے۔ ایچ ٹی ایم ایل کو ٹیکنالوجیز جیسے کاسکیڈنگ اسٹائل شیٹس (سی ایس ایس) اور اسکرپٹ زبانوں جیسے جاوا اسکرپٹ سے مدد مل سکتی ہے۔

ویب کی بنیاد

اس کے مرکز میں، انٹرنیٹ عالمی سطح پر منسلک کمپیوٹرز کا ایک وسیع نیٹ ورک ہے۔ اس نیٹ ورک کے ساتھ ہمارا تعامل کرنے کا بنیادی طریقہ ورلڈ وائیڈ ویب (WWW) ہے، جو کہ انٹرنیٹ کے ذریعے باہم منسلک ہائپر ٹیکسٹ دستاویزات کا ایک نظام ہے۔ WWW کے مرکز میں ویب صفحات ہیں، جو HTML میں لکھے گئے دستاویزات ہیں۔ HTML سائٹس کا بنیادی ڈھانچہ فراہم کرتا ہے، جسے پھر CSS اور JavaScript جیسی دیگر ٹیکنالوجیز کے ذریعے بہتر اور تبدیل کیا جاتا ہے۔

HTML دستاویزات کا ڈھانچہ

ایک HTML دستاویز کو نیسٹڈ ٹیگز کے ایک سیٹ کے مطابق تشکیل دیا جاتا ہے، جو زاویہ بریکٹ میں بند عناصر ہوتے ہیں۔ یہ ٹیگز ویب براؤزر کو بتاتے ہیں کہ مواد کو کیسے ظاہر کیا جائے۔ ایک سادہ HTML دستاویز کی ساخت کی ایک مثال یہ ہے:

 <!DOCTYPE html>
<html>
    <head>
        <title>صفحہ کا عنوان</title>
    </head>
    <body>
        <h1>یہ ایک سرخی ہے</h1>
        <p>یہ ایک پیراگراف ہے۔</p>
    </body>
</html>

یہ کوڈ عنوان، سرخی اور متن کے پیراگراف کے ساتھ ایک بنیادی ویب صفحہ کی وضاحت کرتا ہے۔

HTML عناصر اور ٹیگز

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

مثال کے طور پر، <code><p></code> ٹیگ متن کے ایک پیراگراف کو گھیرے ہوئے ہے، اور اس کی ساخت اس طرح ہے:

 <p>یہ ایک نمونہ پیراگراف ہے۔</p>

مختلف عناصر مختلف مقاصد کی تکمیل کرتے ہیں۔ مثال کے طور پر:

صفات

HTML عناصر میں ایسی صفات ہوسکتی ہیں جو عناصر کے بارے میں اضافی معلومات فراہم کرتی ہیں۔ اوصاف ایک عنصر کے اسٹارٹ ٹیگ کے اندر رکھے جاتے ہیں اور اکثر نام/قدر کے جوڑے جیسے <code>name="value"</code> میں دیے جاتے ہیں۔

مثال کے طور پر، کسی تصویر کو سرایت کرنے کے لیے، ہم تصویر کے URL کی وضاحت کرنے کے لیے <code>src</code> (ماخذ) وصف کے ساتھ <code><img></code> ٹیگ استعمال کرتے ہیں:

 <img src="url to image.jpg" alt="تصویر کی تفصیل">

<code>alt</code> وصف تصویر کے لیے متبادل متن فراہم کرتا ہے اگر اسے ظاہر نہیں کیا جا سکتا ہے۔

روابط اور نیویگیشن

<code><a></code> ٹیگ کا استعمال ہائپر لنکس بناتا ہے، جو ویب کے باہم مربوط ہونے کی بنیاد ہے۔ ایک ہائپر لنک کسی دوسرے ویب صفحہ، اسی صفحہ پر ایک مختلف سیکشن، یا ڈاؤن لوڈ کے قابل فائل سے بھی لنک کر سکتا ہے۔ مثال کے طور پر:

 <a href="https://example.com">Example.com ملاحظہ کریں</a>

یہ <code>https://example.com</code> کا لنک بناتا ہے۔

فہرستیں

HTML فہرستیں بنانے کے لیے عناصر فراہم کرتا ہے۔ فہرستوں کی دو بنیادی اقسام ہیں:

فہرست میں ہر آئٹم <code><li></code> (فہرست آئٹم) ٹیگ کے اندر بند ہے۔

HTML5

HTML5 معیار کا تازہ ترین ارتقاء ہے، جس میں بہت سی نئی خصوصیات متعارف کرائی گئی ہیں جو ملٹی میڈیا اور انٹرایکٹو دستاویزات کی جدید ضروریات کی عکاسی کرتی ہیں۔ ان میں نئے ساختی عناصر شامل ہیں (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>) ، گرافک عناصر (<code><canvas></code> ڈرائنگ کے لیے، <code><svg></code> توسیع پذیر ویکٹر گرافکس کے لیے)، اور میڈیا عناصر (<code><audio></code> اور <code> <video></code>)۔

سیمنٹک ایچ ٹی ایم ایل

سیمنٹک ایچ ٹی ایم ایل سے مراد ویب صفحات میں موجود معلومات کے سیمنٹکس یا معنی کو تقویت دینے کے لیے HTML مارک اپ کا استعمال ہے۔ صرف اس بات کی وضاحت کرنے کے کہ عناصر کس طرح نظر آتے ہیں یا برتاؤ کرتے ہیں (یہ CSS اور JavaScript کا کام ہے)، سیمنٹک HTML ساخت اور مواد کی قسم کو درست طریقے سے بیان کرتا ہے۔ مثال کے طور پر، ایک <code><article></code> ٹیگ اشارہ کرتا ہے کہ اندر موجود مواد ایک مضمون ہے، جب کہ <code><nav></code> ٹیگ نیویگیشن مینو کی نشاندہی کرتا ہے۔

سیمنٹک HTML کا استعمال ویب مواد کی رسائی اور تلاش کی اہلیت کو بہتر بناتا ہے، اسے مزید قابل استعمال اور قابل دریافت بناتا ہے۔

نتیجہ

ایچ ٹی ایم ایل ورلڈ وائڈ ویب کی ایک بنیادی ٹیکنالوجی ہے، جو ویب صفحات کے لیے بنیادی ڈھانچہ فراہم کرتی ہے۔ ٹیگز، صفات، اور عناصر کے استعمال کے ذریعے، HTML ساختی دستاویزات کی تخلیق کی اجازت دیتا ہے۔ ایچ ٹی ایم ایل کو سمجھنے اور استعمال کرنے سے، کوئی بھی ویب پر قابل رسائی مواد کی ایک وسیع رینج بنا سکتا ہے، سادہ ٹیکسٹ دستاویزات سے لے کر پیچیدہ انٹرایکٹو ملٹی میڈیا تجربات تک۔ ویب ڈویلپمنٹ کی بنیاد کے طور پر، HTML میں مہارت حاصل کرنا ہر اس شخص کے لیے ضروری ہے جو ویب کے لیے ڈیزائن یا تیار کرنا چاہتا ہے۔

Download Primer to continue