HTML – نگاه کلی (Overview)

HTML به معنای Hypertext Markup Language است و بیشترین استفاده را برای نوشتن صفحات وب دارد.

  • – اصطلاح “Hypertext ” به روشی اشاره دارد که صفحات وب (اسناد HTML) با هم پیوند داده شده‌اند. بنابراین، پیوند موجود در یک صفحه وب، ابرمتن نامیده می‌شود.
  • – همانطور که از نامش پیداست، HTML یک زبان برچسب‌گذاری است که به معنای استفاده از برچسب‌ها برای ساختاردهی یک سند متنی است، تا مرورگر وب را در مورد نحوه نمایش آن راهنمایی کند.

همچنین بخوانید : چرا HTML زبان برنامه نویسی نیست؟

در ابتدا، HTML با هدف تعریف ساختار اسناد مانند سربرگ‌ها، پاراگراف‌ها، لیست‌ها و غیره برای تسهیل در به اشتراک گذاری اطلاعات علمی بین پژوهشگران توسعه یافت.

اکنون، HTML به طور گسترده‌ای برای قالب‌بندی صفحات وب با استفاده از برچسب‌های مختلف در زبان HTML استفاده می‌شود.

ساختار پایه HTML

در ساده‌ترین شکل خود، یک نمونه از یک سند HTML به شکل زیر است:
<!DOCTYPE html>
<html>

   <head>
      <title>عنوان سند</title>
   </head>
	
   <body>
      <h1>عنوان اصلی</h1>
      <p>محتوای سند اینجا قرار می‌گیرد...</p>
   </body>
	
</html>

تگ‌ های HTML

همانطور که پیش‌تر گفته شد، HTML یک زبان نشانه گذاری است و از تگ‌های مختلف برای قالب‌بندی محتوا استفاده می‌کند. این تگ‌ها داخل کروشه‌های زاویه‌ای یا همان angle braces <نام تگ> قرار می‌گیرند. به جز چند تگ، اکثر تگ‌ها دارای تگ‌های بسته متناظر خود هستند. به عنوان مثال، <html> دارای تگ بسته متناظر خود </html> و <body> دارای تگ بسته متناظر خود </body> و غیره است.

نمونه بالا از سند HTML از تگ‌های زیر استفاده می‌کند:

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

کنسرسیوم جهانی وب یا World Wide Web Consortium (W3C) توصیه می‌کند که از تگ‌های حروف کوچک با شروع از HTML 4 استفاده شود.

ساختار سند HTML

یک سند HTML معمولی شامل ساختار زیر خواهد بود:
<html>
   
   <head>
      تگ‌های مربوط به سربرگ سند
   </head>
   
   <body>
      تگ‌های مربوط به بدنه سند
   </body>
   
</html>

ما در فصل‌های بعدی تمام تگ‌های سربرگ و بدنه را مطالعه خواهیم کرد، اما در حال حاضر ببینیم که تگ اعلامیه <!DOCTYPE>

چیست.

تگ <!DOCTYPE> توسط مرورگر وب برای درک نسخه HTML استفاده شده در سند استفاده می‌شود. نسخه کنونی HTML ۵ است و از این تگ استفاده می‌کند −

<!DOCTYPE html>

انواع تگ دیگری وجود دارد که می‌توان در سند HTML استفاده کرد و این بستگی به نسخه HTML استفاده شده دارد. ما بیشتر جزئیات را در مورد این موضوع را هنگام بحث در مورد تگ <!DOCTYPE…> به همراه دیگر تگ‌های HTML مشاهده خواهیم کرد.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - رویدادها (Events)

JavaScript – رویدادها (Events)

رویدادهای HTML رویدادها در HTML، “اتفاقاتی” هستند که برای عناصر HTML رخ می‌دهند. این اتفاقات می‌توانند ناشی از کار...

بیشتر بخوانید
JavaScript - سازنده‌های شیء (Object Constructors)

JavaScript – سازنده‌های شیء (Object Constructors)

ساخت آبجکت با تابع سازنده (Object Constructor Function) برای ساخت چندین آبجکت مشابه، از تابع سازنده استفاده می‌شود. این...

بیشتر بخوانید
JavaScript - نمایش شیء (Object Display)

JavaScript – نمایش شیء (Object Display)

نحوه نمایش آبجکت‌ها در جاوااسکریپت هنگام نمایش یک آبجکت جاوااسکریپت به صورت مستقیم، خروجی معمولاً به شکل [object Object]...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.