مقدمه:

در مقاله مروری کلی بر HTML به بررسی این زبان نشانه گذاری ابرمتن می پردازیم و مولفه های اصلی آن را تشریح خواهیم نمود.

HTML مخفف Hypertext Markup Language است ، و پر کاربردترین زبان برای نوشتن صفحات وب است.

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

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

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

سند پایه ای HTML

در ساده ترین شکل آن ، مثال زیر نمونه ای از یک سند HTML است:

<!DOCTYPE html>
<html>

   <head>
      <title>This is document title</title>
   </head>
	
   <body>
      <h1>This is a heading</h1>
      <p>Document content goes here.....</p>
   </body>
	
</html>

This is a heading

Document content goes here…..

تگ های HTML

همانطور که قبلاً گفته شد، HTML یک زبان نشانه گذاری است و از تگ های مختلفی برای قالب بندی محتوا استفاده می کند. این تگ ها در بندهای زاویه ای <نام تگ> محصور می شوند. به غیر از تگ های معدود، اکثر تگ ها دارای تگ های بسته شدن مربوط به خود هستند. به عنوان مثال ، <html> دارای تگ بسته شدن </ html> است و برچسب <body> دارای تگ بسته شدن آن یعنی </body> است و غیره.

بیشتر بخوانید:  مقدمه ای بر HTML

در مثال بالا در سند HTML از تگ های زیر استفاده شد:

ردیف تگ و توضیح آن
۱

<!DOCTYPE…>

این تگ نوع سند و نسخه HTML را مشخص می کند.

۲

<html>

این تگ سند HTML را کاملا در بر می گیرد و عمدتاً از سربرگ اسناد تشکیل می شود که با تگ های <head> … </head> و بدنه اسناد نمایش داده می شود که توسط برچسب های <body> … </body> نشان داده می شود.

۳

<head>

این تگ هدر سند را نشان می دهد که می تواند تگ های HTML دیگر مانند  <link> <title> و غیره را حفظ کند.

۴

<title>

از تگ <title> در برچسب <head> برای ذکر عنوان سند استفاده می شود.

۵

<body>

این تگ نمایش ذهنده بدنه سند است که سایر تگ های HTML مانند <h1> ، <div> ، <p> و غیره را در خود نگه می دارد.

۶

<h1>

این تگ عنوان را نمایش می دهد.

۷

<p>

این تگ یک پاراگراف را نمایش می دهد.

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

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

ساختار اسناد HTML

یک سند HTML معمولی ساختار زیر را دارد:

<html>
   
   <head>
      Document header related tags
   </head>
   
   <body>
      Document body related tags
   </body>
   
</html>

ما تمام تگ های مربوط به هدرو بادی را در مقاله های بعدی مطالعه خواهیم کرد، اما اکنون اجازه دهید ببینیم تگ اعلام اسناد چیست.

بیشتر بخوانید:  المنت های HTML

اعلامیه < DOCTYPE!>

تگ اعلام < DOCTYPE!> توسط مرورگر وب برای درک نسخه HTML استفاده شده در سند استفاده می شود. نسخه فعلی HTML 5 است و از بیانیه زیر استفاده می کند :

<!DOCTYPE html>

بسیاری از انواع اعلامیه های دیگر بسته به نوع نسخه HTML مورد استفاده ، می توانند در سند HTML مورد استفاده قرار گیرند. ما با مطالعه در مورد تگ < …DOCTYPE!> به همراه سایر تگ های HTML، جزئیات بیشتری را در این مورد مشاهده خواهیم کرد (رفرنس).

در مقاله مروری کلی بر HTML به بررسی کلی این زبان نشانه گذاری پرداختیم، در مقالات بعدی به بررسی بیشتر این زبان نشانه گذاری خواهیم پرداخت.


سیامک قربانی پور

سیامک قربانی پور هستم؛ مدیر عامل شرکت "آبتین ارتباط ایرانیان"؛ دانش آموخته کارشناسی ارشد مدیریت فناوری اطلاعات. موضوع فعالیت شرکت ما به شماره ثبت 1050، برنامه نویسی، طراحی وبسایت و شبکه های کامپیوتری هست. از سال 94 تا 96 به مدت دو سال مشاور مرکز رشد و کسب و کار پارک علم و فناوری چهارمحال و بختیاری بودم اما الان کسب و کار خودم رو در زمینه برنامه نویسی و طراحی وبسایت دارم. همچنین در زمینه مسائل کسب و کاری به علاقه مندان مشاوره هایی رو ارائه می دهم و مطالبی رو در این زمینه خصوصا در مورد کسب و کارهای حوزه فناوری اطلاعات و ارتباطات در این وبسایت منتشر می کنم.

0 دیدگاه

پاسخی بگذارید

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

17 + هجده =

تائید دیدگاه فعال است. دیدگاه شما ممکن است کمی طول بکشد تا ظاهر شود.

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.