اردو میں یہ جدید کوڈنگ زبان ایچ ٹی ایم ایل ، سی ایس ایس اور جاوا اسکرپٹ کا یہ تیسرا لیچکچر ہے ۔ یہ لیکچر انتہائی آسان زبان اور آسانی سے سمجھ میں آنے والی کوڈنگ میں لکھا گیا ہے ۔ اس زبان کو ایک نو دس سال کا بچہ بھی آسانی سے سمجھ سکتا ہے ۔۔ تو آئیے شروع کرتے ہیں آج کا تیسرا لیکچر ۔HTML5 سیمنٹک اور ملٹی میڈیا
سیمنٹک HTML کیا ہے؟
سیمنٹک HTML عناصر وہ عناصر ہیں جو اپنے مواد کی وضاحت کرتے ہیں۔ یہ براؤزر اور ڈویلپر دونوں کو مواد کے معنی کو سمجھنے میں مدد کرتا ہے۔
سیمنٹک عناصر کی مثالیں
<header>: صفحہ یا سیکشن کے لیے ہیڈر کی وضاحت کرتا ہے۔<nav>: نیویگیشن لنکس کی وضاحت کرتا ہے۔<main>: صفحہ کے مرکزی مواد کی وضاحت کرتا ہے۔<section>: دستاویز میں ایک سیکشن کی وضاحت کرتا ہے۔<article>: ایک خود مختار، خود پر مشتمل مواد کی وضاحت کرتا ہے۔<aside>: مرکزی مواد کے علاوہ مواد کی وضاحت کرتا ہے۔<footer>: صفحہ یا سیکشن کے لیے فوٹر کی وضاحت کرتا ہے۔
کوڈ کی مثال
<!DOCTYPE html>
<html lang="ur">
<head>
<title>سیمنٹک HTML لے آؤٹ</title>
</head>
<body>
<header>
<h1>میری ویب سائٹ</h1>
<nav>
<a href="#">ہوم</a> | <a href="#">ہمارے بارے میں</a> | <a href="#">رابطہ کریں</a>
</nav>
</header>
<main>
<article>
<h2>بلاگ پوسٹ کا عنوان</h2>
<p>یہاں بلاگ پوسٹ کا مواد آئے گا۔</p>
</article>
</main>
<footer>
<p>کاپی رائٹ © 2025 میری ویب سائٹ</p>
</footer>
</body>
</html>
HTML ملٹی میڈیا
ویب پر ملٹی میڈیا
HTML5 ویب صفحات میں ملٹی میڈیا مواد، جیسے آڈیو اور ویڈیو، کو شامل کرنے کے لیے بہترین عناصر فراہم کرتا ہے۔
ویڈیو عنصر
<video> عنصر کا استعمال ویڈیو مواد کو ایمبیڈ کرنے کے لیے کیا جاتا ہے۔
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
آپ کا براؤزر ویڈیو ٹیگ کو سپورٹ نہیں کرتا۔
</video>آڈیو عنصر
<audio> عنصر کا استعمال آڈیو مواد کو ایمبیڈ کرنے کے لیے کیا جاتا ہے۔
<audio controls>
<source src="horse.ogg" type="audio/ogg">
آپ کا براؤزر آڈیو عنصر کو سپورٹ نہیں کرتا۔
</audio>