نکته مهم قبل از شروع
اگر در مثالها تگهایی میبینید که هنوز آموزش داده نشدهاند، اصلاً نگران نباشید. این تگها در صفحات بعدی بهصورت کامل توضیح داده میشوند. در حال حاضر فقط کافی است ساختار کلی را بشناسید.
تگهای پایه در HTML
یک صفحهی HTML معمولاً با ساختاری شبیه کد زیر شروع میشود:
عامرتجارت خلیج فارس
در ادامه، بخشهای این ساختار را با هم بررسی میکنیم:
1. اعلان DOCTYPE
<!DOCTYPE html> یک تگ نیست بلکه یک اعلان (Declaration) است.
این خط به مرورگر اعلام میکند که این سند با استاندارد HTML5 نوشته شده است. مرورگر با دانستن این موضوع، فایل را بهدرستی نمایش میدهد.
2. تگ html
تگ <html> آغاز سند HTML است و تگ </html> پایان آن را مشخص میکند.
تمام کدهای شما باید داخل این دو تگ قرار بگیرد.
3. تگ head
تگ <head> بخشی است که اطلاعات پشتصحنهای سایت در آن قرار میگیرد، مثل:
* فایلهای CSS برای طراحی ظاهر
* فایلهای JavaScript
* تگ عنوان (<title>)
* توضیحات سایت (Meta tags)
* آیکون سایت (favicon)
این بخش برای نمایش مستقیم در صفحه نیست، اما برای عملکرد صحیح و ظاهر سایت بسیار مهم است.
4. تگ title
تگ <title> نام صفحه را مشخص میکند. متن داخل آن در نوار عنوان مرورگر یا تب (Tab) نمایش داده میشود.
5. تگ body
تگ <body> جایی است که تمام محتواهای قابلنمایش قرار میگیرند، مثل:
* متنها
* تصاویر
* لینکها
* دکمهها
* فرمها
* جدولها
* و هر چیزی که کاربر در صفحه میبیند
هر چیزی که میخواهید در صفحه ظاهر شود، باید داخل <body> باشد.