درس اول : مقدمهای بر HTML
مقدمهای بر HTML
HTML زبان استاندارد نشانهگذاری برای ایجاد صفحات وب است.
HTML چیست؟
- HTML مخفف Hyper Text Markup Language (زبان نشانهگذاری ابرمتن) است.
- زبان استاندارد برای ایجاد صفحات وب است.
- ساختار یک صفحه وب را توصیف میکند.
- از مجموعهای از عناصر (Elements) تشکیل شده است.
- عناصر HTML به مرورگر میگویند که محتوا را چگونه نمایش دهد.
- عناصر HTML بخشهایی از محتوا را برچسبگذاری میکنند، مانند: “این یک تیتر است”، “این یک پاراگراف است”، “این یک لینک است” و غیره.
یک سند ساده HTML
مثال:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
خروجی مثال بالا در مرورگر:
My First Heading
My first paragraph.
توضیح مثال
- اعلامیه
<!DOCTYPE html>تعریف میکند که این سند یک سند HTML5 است. - عنصر
<html>عنصر ریشه (Root Element) یک صفحه HTML است. - عنصر
<head>شامل اطلاعات متا (اطلاعات درباره دادهها) در مورد صفحه است. - عنصر
<title>عنوانی را برای صفحه مشخص میکند (که در نوار عنوان مرورگر یا در تب صفحه نمایش داده میشود). - عنصر
<body>بدنه سند را تعریف میکند و محفظهای برای تمام محتویات قابل مشاهده است (مانند تیترها، پاراگرافها، تصاویر، لینکها، جداول و غیره). - عنصر
<h1>یک تیتر بزرگ را تعریف میکند. - عنصر
<p>یک پاراگراف را تعریف میکند.
عنصر HTML چیست؟
یک عنصر HTML با یک تگ شروع، مقداری محتوا و یک تگ پایان تعریف میشود:
<tagname> Content goes here… </tagname>
عنصر HTML شامل همه چیز از تگ شروع تا تگ پایان است:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
نکته: برخی از عناصر HTML محتوایی ندارند (مانند عنصر
<br>). به این عناصر، عناصر خالی (Empty Elements) گفته میشود. عناصر خالی تگ پایان ندارند!