مقدمهای بر HTML
HTML، مخفف Hyper Text Markup Language، یک زبان نشانهگذاری استاندارد است، که برای ایجاد ساختار صفحات وب استفاده میشود. با کمک HTML، مرورگرها می فهمند که هر بخش از محتوای یک صفحه وب، چطور باید به کاربران نشان داده شود.
HTML چیست؟
HTML بهعنوان زبان اصلی طراحی و ساخت صفحات وب شناخته میشود و شامل مجموعهای از عناصر و المان (Elements) است. هر عنصر HTML وظیفهای خاص دارد؛ بهعنوان مثال، مرورگر با استفاده از HTML متوجه میشود که کدام بخش از متن باید به عنوان «عنوان» نمایش داده شود، کدام قسمت «پاراگراف» است و کدام قسمت به صورت «لینک» عمل میکند.
نمونهای ساده از کد HTML
یک نمونه کد HTML ساده به این صورت است:
<!DOCTYPE html> <html> <head> <title>عنوان صفحه</title> </head> <body> <h1>اولین عنوان من</h1> <p>اولین پاراگراف من.</p> </body> </html>
HTML, CSS, JavaScript
مشاهده نتیجه
توضیح کد بالا
- <!DOCTYPE html> : این خط نوع سند HTML را به مرورگر اعلام میکند و مشخص میسازد که از HTML5 استفاده میشود.
- <html> : این تگ عنصر اصلی یا «ریشه» سند HTML است که تمام محتوای صفحه داخل آن قرار میگیرد.
- <head> : این بخش حاوی اطلاعات متا (Meta Information) است که اطلاعاتی درباره صفحه HTML به مرورگر میدهد.
- <title> : این تگ عنوان صفحه را تعیین میکند که در بالای مرورگر یا تب نمایش داده میشود.
- <body> : این بخش محتوای اصلی صفحه را شامل میشود؛ یعنی مواردی مثل عنوانها، پاراگرافها، تصاویر و لینکها که در صفحه نمایش داده میشوند.
- <h1> : این تگ برای مشخص کردن یک عنوان بزرگ به کار میرود.
- <p> : این تگ برای نمایش پاراگرافها استفاده میشود.
عنصر HTML چیست؟
یک عنصر HTML معمولاً شامل یک تگ شروع، محتوای درون عنصر و یک تگ پایان است. به عنوان مثال:
<h1>اولین عنوان من</h1> <p>اولین پاراگراف من.</p>
HTML, CSS, JavaScript
مشاهده نتیجه
اکثر عناصر HTML از یک تگ شروع و یک تگ پایان تشکیل می شوند، به جز عناصری مثل `<br>` که نیازی به تگ پایانی ندارند و به آنها عناصر خالی یا Empty Elements گفته میشود.
مرورگرهای وب و HTML
مرورگرهای وب مانند گوگل کروم، فایرفاکس و سافاری از HTML استفاده میکنند تا محتوای وبسایتها را بهدرستی نمایش دهند. مرورگرها تگهای HTML را نمایش نمیدهند، بلکه از آنها برای تعیین نحوه نمایش محتوا استفاده میکنند.
ساختار کلی یک صفحه HTML
ساختار پایه یک صفحه HTML به شکل زیر است:
یک وب سایت جذاب و پولساز حق شماست. این فرصت رو از دست نده. همین الان به برگه طراحی سایت مراجعه کن تا یک مشاوره عالی بهت بدم.
تماس بگیرید<html> <head> <title>عنوان صفحه</title> </head> <body> <h1>این یک عنوان است</h1> <p>این یک پاراگراف است.</p> <p>این یک پاراگراف دیگر است.</p> </body> </html>
HTML, CSS, JavaScript
مشاهده نتیجه
نکته: در مثال بالا توجه کنید که محتوای درون بخش `<body>` در صفحه وب نمایش داده میشود و محتوای درون تگ `<title>` در نوار عنوان یا تب مرورگر قرار می گیرد.
تاریخچه HTML
HTML از زمان ایجاد وب، مراحل مختلفی از پیشرفت و بهبود را طی کرده است:
سال | نسخه HTML |
---|---|
1989 | تیم برنرز-لی وب را اختراع کرد |
1991 | تیم برنرز-لی HTML را معرفی کرد |
1995 | HTML 2.0 توسط گروه HTML Working Group تعریف شد |
1997 | HTML 3.2 |
1999 | HTML 4.01 |
2008 | HTML5: اولین پیشنویس عمومی توسط WHATWG |
2014 | HTML5 |
2017 | HTML5.2 |
این جدول نشان میدهد که HTML طی سالها به طور مداوم بهروزرسانی و بهبود یافته تا نیازهای جدید کاربران و توسعهدهندگان را برآورده کند.