ایچ ٹی ایم ایل کی ساخت کا تعارف: بنیادی عناصر اور نحو

HTML ڈھانچہ ویب صفحات کی تعمیر میں اہم کردار ادا کرتا ہے۔ یہ وضاحت کرتا ہے کہ ویب پیج پر مواد کو کس طرح منظم اور ڈسپلے کیا جاتا ہے۔ یہاں بنیادی HTML ڈھانچہ کا تعارف ہے:

1۔ `Doctype`

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

2. html ٹیگ

html ٹیگ ہر HTML فائل کا بنیادی عنصر ہے۔ یہ ویب پیج کے پورے مواد کو سمیٹتا ہے۔

3. `head` ٹیگ

ہیڈ ٹیگ میں ویب پیج کے بارے میں معلومات ہوتی ہیں جو براہ راست براؤزر پر ظاہر نہیں ہوتی ہیں۔ یہ وہ جگہ ہے جہاں صفحہ کا عنوان، میٹا ٹیگز، سی ایس ایس اور جاوا اسکرپٹ فائلوں کے لنکس، اور دیگر مختلف عناصر کی وضاحت کی گئی ہے۔

4. `body` ٹیگ

باڈی ٹیگ میں وہ تمام مواد ہوتا ہے جو ویب پیج پر ظاہر ہوتا ہے۔ یہ وہ جگہ ہے جہاں متن، تصاویر، ویڈیوز، لنکس، اور دیگر صارف انٹرفیس اجزاء جیسے عناصر کی وضاحت کی جاتی ہے۔

5. نیسٹڈ ٹیگز

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

6. عام ٹیگز

HTML مواد کو فارمیٹنگ اور ڈسپلے کرنے کے لیے ٹیگز کی ایک رینج فراہم کرتا ہے۔ مثال کے طور پر، h1-h6 ٹیگز(ہیڈنگز)، p ٹیگ(پیراگراف)، img ٹیگ(تصویر)، ایک ٹیگ(لنک)، اور بہت سے دوسرے۔

یہاں ایک مکمل HTML صفحہ کی ساخت کی ایک مثال ہے:

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>My Webpage</title>  
    <link rel="stylesheet" href="styles.css">  
    <script src="script.js"></script>  
</head>  
<body>  
    <header>  
        <h1>Welcome to My Webpage</h1>  
        <nav>  
            <ul>  
                <li><a href="#">Home</a></li>  
                <li><a href="#">About</a></li>  
                <li><a href="#">Contact</a></li>  
            </ul>  
        </nav>  
    </header>  
    <main>  
        <section>  
            <h2>About Me</h2>  
            <p>I am a web developer passionate about creating amazing websites.</p>  
        </section>  
        <section>  
            <h2>My Projects</h2>  
            <ul>  
                <li><a href="#">Project 1</a></li>  
                <li><a href="#">Project 2</a></li>  
                <li><a href="#">Project 3</a></li>  
            </ul>  
        </section>  
    </main>  
    <footer>  
        <p>&copy; 2022 My Webpage. All rights reserved.</p>  
    </footer>  
</body>  
</html>

مندرجہ بالا مثال میں، ہمارے پاس ایک مکمل HTML صفحہ ہے جس میں اہم عناصر جیسے کہ doctype ٹیگ html ، head ٹیگ اور body ٹیگ ہیں۔ ہیڈ سیکشن میں، ہم صفحہ کے عنوان، استعمال ہونے والی CSS اور JavaScript فائلوں کی وضاحت کرتے ہیں۔ باڈی سیکشن میں ویب پیج کے مواد کو ظاہر کرنے کے لیے ہیڈر، مین، اور فوٹر جیسے عناصر شامل ہیں۔

صحیح HTML ڈھانچہ استعمال کرکے، آپ اچھی طرح سے منظم، پڑھنے کے قابل، اور انٹرایکٹو ویب صفحات بنا سکتے ہیں۔

پچھلی پوسٹ

HTML اور بنیادی نحو کا تعارف: ایک ابتدائی رہنما

اگلی پوسٹ