اردو میں یہ جدید کوڈنگ زبان ایچ ٹی ایم ایل ، سی ایس ایس اور جاوا اسکرپٹ کا یہ پہلا لیچکچر ہے ۔ یہ لیکچر انتہائی آسان زبان اور آسانی سے سمجھ میں آنے والی کوڈنگ میں لکھا گیا ہے ۔ اس زبان کو ایک نو دس سال کا بچہ بھی آسانی سے سمجھ سکتا ہے ۔۔ تو آئیے شروع کرتے ہیں آج کا پہلا لیکچر ۔
تعارف ؛ HTML کیا ہے؟
HTML کا مطلب ہائپر ٹیکسٹ مارک اپ لینگویج ہے۔ یہ ویب صفحات اور ویب ایپلیکیشنز بنانے کے لیے معیاری مارک اپ زبان ہے۔
بنیادی HTML ساخت
ہر HTML دستاویز چند بنیادی ٹیگز سے شروع ہوتی ہے:
<!DOCTYPE html>: یہ دستاویز کی قسم کی تعریف کرتا ہے۔<html>: یہ HTML صفحہ کا روٹ عنصر ہے۔<head>: اس میں صفحہ کے بارے میں میٹا معلومات ہوتی ہیں، جیسے عنوان۔<body>: اس میں صفحہ کا نظر آنے والا مواد ہوتا ہے۔
کوڈ کی مثال
<!DOCTYPE html>
<html lang="ur">
<head>
<title>میرا پہلا ویب پیج</title>
</head>
<body>
<h1>ہیلو ورلڈ!</h1>
<p>یہ میرا پہلا ویب پیج ہے۔</p>
</body>
</html>HTML عناصر اور ٹیگز
HTML عناصر کیا ہیں؟
ایک HTML عنصر ایک ابتدائی ٹیگ، کچھ مواد، اور ایک اختتامی ٹیگ پر مشتمل ہوتا ہے۔ مثال کے طور پر، <p>یہ ایک پیراگراف ہے۔</p> ایک HTML عنصر ہے۔
<p>یہ ایک پیراگراف ہے۔</p>
عام HTML ٹیگز
یہاں کچھ بنیادی HTML ٹیگز ہیں جو آپ اکثر استعمال کریں گے:
<h1>to<h6>: ہیڈنگز کے لیے۔<p>: پیراگراف کے لیے۔<a href="...">: لنکس بنانے کے لیے۔<img src="..." alt="...">: تصاویر دکھانے کے لیے۔
کوڈ کی مثال
<!DOCTYPE html>
<html lang="ur">
<head>
<title>عناصر اور ٹیگز</title>
</head>
<body>
<h1>یہ ایک اہم ہیڈنگ ہے</h1>
<p>یہ ایک پیراگراف ہے۔ آپ یہاں متن لکھ سکتے ہیں۔</p>
<a href="https://www.google.com">گوگل پر جائیں</a>
<br>
<img src="https://najiapp.com/wp-content/uploads/2025/07/Build-Your-Personal-Portfolio-Website-01.png" alt="ایک تصویر">
</body>
</html>