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 - کلمه کلیدی Let (Let)

JavaScript – کلمه کلیدی Let (Let)

تعریف let کلیدواژه let در ES6 (2015) معرفی شد و دارای ویژگی‌های خاصی است که آن را از var...

بیشتر بخوانید
JavaScript - متغیرها (Variables)

JavaScript – متغیرها (Variables)

متغیرها در جاوا اسکریپت متغیرها در جاوا اسکریپت به عنوان ظرف‌هایی برای ذخیره‌سازی داده‌ها استفاده می‌شوند و می‌توانند به...

بیشتر بخوانید
JavaScript - کامنت‌ها (Comments)

JavaScript – کامنت‌ها (Comments)

کامنت‌ها در جاوا اسکریپت کامنت‌ها در جاوا اسکریپت به برنامه‌نویسان این امکان را می‌دهند تا توضیحاتی را به کد...

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

نظرات

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

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