درس دوم – ساختار یک فایل HTML – بخش اول

درس دوم – ساختار یک فایل HTML – بخش اول

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

توجه داشته باشید که نیازی به حفظ کردن توضیحات وجود ندارد و این توضیحات صرفا جهت درک مطالب ذکر شده، ارائه شده اند.

۱- بخش DOCTYPE

این عبارت، یک تگ[1]برای اطلاع از مفهوم تگ، می توانید به مقدمه، محتوای تیتر “HTML چیست؟” مراجعه کنید HTML5 نیست. بلکه بوسیله آن به مرورگر اطلاع می دهیم که این فایل، یک فایل HTML5 است.

  • این عبارت باید دقیقا به همین شکل در ابتدای تمام فایل های HTML5 قرار گیرد.
  • اگر این عبارت را در ابتدای فایل HTML5 قرار ندهید، مرورگرهای مدرن، به صورت خودکار هنگام اجرای فایل، این بخش را به ابتدای فایل اضافه می کنند. اما به جهت جلوگیری از مشکل به خصوص در مرورگرهای قدیمی و همچنین استاندارد بودن فایلتان، این عبارت را در اولین سطر فایل HTML5 و بدون استفاده از هیچ گونه فاصله در قبل از آن، وارد نمایید.

۲- تگ html

  • این تگ بعد از بخش DOCTYPE باز می شود و در انتهای فایل بسته می شود.
  • باز شدن تگ به این معنی است که تگ نوشته شود و بسته شدن آن به این معنی است که قبلا از عنوان تگ، علامت / نوشته شود.

تگ باز html:

تگ بسته hml:

  • تمامی عبارات و تگ هایی که بین تگ باز و تگ بسته قرار گیرند، اصطلاحا درون آن تگ قرار دارند.
  • به وسیله این تگ به مرورگر اطلاع می دهیم که کلیه تگ هایی که درون این تگ قرار دارند، تگ های HTML هستند.

خلاصه این درس

  1. فایل HTML، با DOCTYPE شروع می شود.
  2. بعد از DOCTYPE، تگ html باز می شود.
  3. در انتهای صفحه، تگ html بسته می شود.

 

تمرین

تگ هایی که در این درس آموختید (تگ های بالا) را در فایل index.html ( فایل HTML که در درس اول ایجاد کرده بودید ) بنویسید.

 

درس سوم

درس اول

بازگشت به فهرست

پاورقی   [ + ]

1. برای اطلاع از مفهوم تگ، می توانید به مقدمه، محتوای تیتر “HTML چیست؟” مراجعه کنید

ثبت امتیاز

1 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 5 (1 رای​، میانگین: 5٫00 از 5)
برای ثبت امتیاز نیاز به عضویت دارید. برای ثبت نام می توانید از بالای همین صفحه اقدام کنید.
Loading...

Submit a Comment

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

رفتن به نوارابزار