خانه / مستندات / اچ تی ام ال / HTML Tutorial / مقدمه HTML

مقدمه HTML

🔰 مقدمه‌ای بر HTML

HTML زبان نشانه‌گذاری استاندارد برای ساخت صفحات وب است.

📌 HTML چیست؟

HTML مخفف Hyper Text Markup Language است.
HTML زبان نشانه‌گذاری استاندارد برای ساخت صفحات وب است.
HTML ساختار یک صفحه وب را توصیف می‌کند.
HTML شامل مجموعه‌ای از عناصر (tags) است.
عناصر 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>

💡 توضیح مثال:

<!DOCTYPE html> → مشخص می‌کند که سند از نوع HTML5 است.
<html> → عنصر ریشه‌ای یک صفحه HTML است.
<head> → شامل اطلاعات متا (فرااطلاعات) درباره صفحه است.
<title> → عنوان صفحه را مشخص می‌کند (در نوار عنوان یا تب مرورگر دیده می‌شود).
<body> → بدنه سند است؛ شامل تمام محتوای قابل مشاهده مانند عنوان‌ها، پاراگراف‌ها، تصاویر، لینک‌ها، جدول‌ها و فهرست‌ها.
<h1> → عنوان بزرگ را مشخص می‌کند.
<p> → یک پاراگراف را تعریف می‌کند.

🧱 عنصر HTML چیست؟

یک عنصر HTML از تگ آغازین، محتوا و تگ پایانی تشکیل شده است:

<tagname> محتوای مورد نظر </tagname>

مثال:

<h1>My First Heading</h1>
<p>My first paragraph.</p>

تگ شروع	محتوای عنصر	تگ پایان
`<h1>`	My First Heading	`</h1>`
`<p>`	My first paragraph.	`</p>`
`<br>`	(ندارد)	(ندارد)

توجه: برخی از عناصر HTML مثل <br> محتوایی ندارند و تگ پایانی ندارند. به آن‌ها عناصر خالی گفته می‌شود.

🌐 مرورگرهای وب (Web Browsers)

مرورگرهایی مانند Chrome، Edge، Firefox و Safari وظیفه دارند سند HTML را بخوانند و آن را به درستی نمایش دهند.

مرورگرها تگ‌های HTML را نشان نمی‌دهند، بلکه از آن‌ها برای نحوه نمایش محتوا استفاده می‌کنند.

🧩 ساختار یک صفحه HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Page title</title>
    </head>
    <body>
        <h1>This is a heading</h1>
        <p>This is a paragraph.</p>
        <p>This is another paragraph.</p>
    </body>
</html>

نکته:
محتوای داخل <body> در مرورگر نمایش داده می‌شود.
محتوای داخل <title> در نوار عنوان یا تب مرورگر نمایش داده می‌شود.

🕰 تاریخچه HTML

سال	نسخه HTML
1989	تیم برنرز-لی شبکه جهانی وب را اختراع کرد
1991	تیم برنرز-لی HTML را معرفی کرد
1993	پیش‌نویس HTML+ توسط Dave Raggett
1995	تعریف HTML 2.0 توسط گروه کاری HTML
1997	HTML 3.2 (توصیه W3C)
1999	HTML 4.01 (توصیه W3C)
2000	XHTML 1.0
2008	پیش‌نویس HTML5 توسط WHATWG
2012	HTML5 به عنوان استاندارد زنده WHATWG
2014	HTML5 (توصیه W3C)
2016	HTML 5.1 (کاندید توصیه W3C)
2017	HTML5.1 و HTML5.2 (توصیه نهایی W3C)

🔸 این آموزش بر اساس جدیدترین استاندارد HTML5 تنظیم شده است.

این محتوا کاملا رایگان توسط تیم کدلپر ترجمه شده و در اختیار شما کاربران عزیز قرار گرفته است، هر گونه کپی برداری برای مقاصد غیر رایگان و بدون ذکر منبع، مورد پیگیری قانونی قرار میگیرد.

ترجمه شده از منبع: https://www.w3schools.com/