اردو میں یہ جدید کوڈنگ زبان ایچ ٹی ایم ایل ، سی ایس ایس اور جاوا اسکرپٹ کا یہ چوتھا لیچکچر ہے ۔ یہ لیکچر انتہائی آسان زبان اور آسانی سے سمجھ میں آنے والی کوڈنگ میں لکھا گیا ہے ۔ اس زبان کو ایک نو دس سال کا بچہ بھی آسانی سے سمجھ سکتا ہے ۔۔ تو آئیے شروع کرتے ہیں آج کا چوتھا لیکچر ۔HTML5 ہیڈ عنصر اور HTML Iframes
Iframe کیا ہے؟
ایک <iframe> کا استعمال کسی دوسرے HTML دستاویز کو موجودہ دستاویز کے اندر دکھانے کے لیے کیا جاتا ہے۔
Iframe نحو
<iframe src="url" title="description"></iframe>مثال: یوٹیوب ویڈیو ایمبیڈ کرنا
<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" title="YouTube video player" frameborder="0" allowfullscreen></iframe>مثال: گوگل میپ ایمبیڈ کرنا
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d387191.33750346623!2d-73.9796809!3d40.6974881!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2s!4v1616009345678!5m2!1sen!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>HTML ہیڈ عنصر
<head> عنصر
<head> عنصر میٹا ڈیٹا (ڈیٹا کے بارے میں ڈیٹا) کا ایک کنٹینر ہے اور اسے HTML دستاویز کے <html> ٹیگ اور <body> ٹیگ کے درمیان رکھا جاتا ہے۔
میٹا ڈیٹا براؤزر کو دکھایا نہیں جاتا، لیکن یہ مشین کے ذریعے قابل پارس ہوتا ہے۔
<head> کے اندر عناصر
<title>: براؤزر کے ٹول بار میں دستاویز کا عنوان بیان کرتا ہے۔<style>: ایک واحد HTML صفحہ کے لیے اسٹائل کی معلومات کی وضاحت کرتا ہے۔<meta>: HTML دستاویز کے بارے میں میٹا ڈیٹا کی وضاحت کرتا ہے۔<link>: بیرونی وسائل سے تعلق کی وضاحت کرتا ہے۔<script>: کلائنٹ سائڈ اسکرپٹ کی وضاحت کرتا ہے۔<base>: صفحہ میں تمام متعلقہ URLs کے لیے ایک بنیادی URL/ہدف کی وضاحت کرتا ہے۔
مثال
<!DOCTYPE html>
<html lang="ur" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="Najeeb Alam">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ہیڈ کے بارے میں</title>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>
<h1>یہ ایک ہیڈنگ ہے</h1>
<p>یہ ایک پیراگراف ہے۔</p>
</body>
</html>