HTML چیست؟

HTML نشانه گذاری استاندارد برای ایجاد صفحات وب است.

  • HTML مخفف Hyper Text Markup Language می باشد.
  • HTML ساختار یک صفحه وب را توصیف می کند.
  • HTML شامل مجموعه ای از عناصر است.
  • عناصر HTML به مرورگر می گویند که چگونه محتوای نمایش داده شود.
  • عناصر HTML با برچسب ها نمایش داده می شوند.
  • تگ های HTML تکه های محتوا مانند عنوان، پاراگراف، جدول، و غیره را برچسب گذاری می کند.
  • مرورگرها تگ های HTML را نمایش نمی دهند، بلکه از آنها برای نمایش  محتویات صفحه استفاده می کنند.


 

یک سند HTML ساده

 

مثال

    
<!DOCTYPE html>

<html>
<head>
<title>Page Title</title>

</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>


</body>
</html>


 خودتان امتحان کنید »

 

توضیحات مثال بالا

  • اعلامیه <!DOCTYPE htmlیک سند HTML5 را تعریف میکند
  • عنصر <htmlعنصر ریشه برای یک صفحه HTML است
  • عنصر <headشامل متا اظلاعاتی در مورد سند است
  • عنصر <titleیک عنوان را برای سند مشخص میکند
  • عنصر <bodyدارای محتوای قابل مشاهده صفحه است
  • عنصر <h1مهمترین عنوان نوشته را تعریف می کند
  • عنصر <pپاراگراف را تعریف میکند

تگ های HTML

تگ های HTML نام عناصری هستند که توسط <> محصور شده اند:

<tagname>content goes here.</tagname>

  • تگ های در HTML معمولا به صورت جفت هستند. مانند: <pو </p>

  • تگ اول، تگ آغازین و تگ دوم تگ پایانی نامیده می شود

  • تگ پایانی همانند تگ آغازین نوشته می شود با این تفاوت که قبل tagname یک اسلش قرار می گیرد

 نکته: تگ آغازین با نام تگ باز و تگ پایانی با نام تگ بسته نیز نامیده میشوند


مرورگرهای وب

هدف یک مرورگر وب (Chrome، Edge، Firefox، Safari)، خواندن اسناد HTML و نمایش آنها است.

مرورگر تگ های HTML را نمایش نمی دهد، بلکه از آنها برای تعیین نحوه نمایش سند استفاده می کند:

مرورگرهای وب


ساختار صفحه HTML

در زیر میتوانید ساختار اصلی یک صفحه وب را مشاهده کنید:

ساختار صفحه HTML

 توجه: فقط محتوای داخل بخش <body> (قسمت سفید در بالا) در مرورگر نمایش داده می شود.


 اعلامیه <!DOCTYPE>

اعلامیه <!DOCTYPE> نشان دهنده نوع سند است و به مرورگر کمک می کند تا صفحات وب به درستی نمایش داده شوند.

این تگ فقط یک بار در بالای صفحه (قبل از هر تگ HTML) قرار می گیرد.

اعلامیه <!DOCTYPE> حساس به حروف بزرگ نیست.

نمونه کد زیر نحوه استفاده از اعلامیه <!DOCTYPEبرای HTML5 را نشان می دهد:

<!DOCTYPE html> 


نسخه های HTML

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

نسخه سال
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

 

 منبع: وبسایت W3Schools 


مشخصات

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

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