HTML مخفف H yper t ext M arkup L anguage است و بیشترین زبان برای نوشتن صفحات وب است.

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>

برچسب های HTML

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

در مثال بالا از سند HTML از برچسب های زیر استفاده می کند -

Sr.No برچسب و توضیحات
1 <! DOCTYPE .>

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

2 <html>

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

3 <head>

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

4 <title>

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

5 <body>

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

6 <h1>

این برچسب عنوان را نشان می دهد.

7 <p>

این برچسب یک پاراگراف را نشان می دهد.

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

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

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

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

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

همه برچسب های مربوط به عنوان و بدنه را در فصل های بعدی مطالعه خواهیم کرد ، اما اکنون می دانیم برچسب اعلام اسناد چیست.

اعلامیه <! DOCTYPE>

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

<!DOCTYPE html>

 

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

مشخصات

آخرین ارسال ها

آخرین جستجو ها