معرفی زبان نشانه گذاری HTML برای توصیف صفحات وب

HTML چیست؟

  • HTML یک زبان نشانه گذاری برای توصیف اسناد وب (صفحات وب) می باشد.
  • HTML مخفف زبان نشانه گذاری فرا متن Hyper Text Markup Language می باشد
  • یک زبان نشانه گذاری، مجموعه ای از تگ های نشانه گذاری است
  • اسناد HTML توسط تگ های HTML توصیف می شوند
  • هر تگ HTML ، محتوای متفاوتی را در سند وب توصیف می کند

یک نمونه کوچک از سند HTML


 
<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
  </body>
</html>
 


توضیح مثال

  • اعلان <!DOCTYPE html> مشخص می کند که این سند، HTML5 می باشد
  • متن بین <html> و </html> یک سند HTML را توصیف می کند
  • متن بین <head> و </head> اطلاعاتی در مورد سند ارائه می کند
  • متن بین <title> و </title> عنوانی برای سند ارائه می دهد
  • متن بین <body> و </body> محتوای قابل مشاهده در صفحه را مشخص می کند
  • متن بین <h1> و </h1> یک عنوان درجه یک (سر فصل) را مشخص می کند
  • متن بین <p> و </p> یک پاراگراف را مشخص می کند

با استفاده از این توضیحات، یک مرورگر وب، یک سند را با یک عنوان و یک پاراگراف نمایش خواهد داد.


تگ های HTML

تگ های HTML ، کلماتی کلیدی (اسامی تگ) هستند که توسط دو براکت زاویه دار احاطه شده اند


 
<tagname>content goes here...</tagname>
 


  • تگ های HTML معمولا بصورت جفت همانند <p> و </p> استفاده می شوند
  • اولین تگ از یک جفت، تگ آغاز، و دومین تگ، تگ پایان نامیده می شود
  • تگ پایان همانند تگ آغاز نوشته می شود، اما یک علامت اسلش (/) قبل از نام تگ قرار می گیرد

تگ آغاز، تگ باز و تگ پایان، تگ بسته نیز خوانده می شوند.


مرورگرهای وب

هدف یک مرورگر وب (کروم، اینترنت اکسپلورر، فایرفاکس، سافاری)، خواندن اسناد HTML و نمایش آنها می باشد.

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


مرورگر، تگ های HTML را نمایش نمی دهد
مرورگر، تگ های HTML را نمایش نمی دهد


ساختار صفحه HTML

تصویری از ساختار یک صفحه HTML در زیر نشان داده شده است.


<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>


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


اعلان <!DOCTYPE>

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

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

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

اعلان doctype به بزرگی و کوچکی حروف حساس نیست. تمام حروف قابل قبول است، به عنوان مثال


 
<!DOCTYPE html>
<!doctype HTML>
 


اعلان های رایج <!DOCTYPE>

اعلان های رایج به شکل زیر می باشند


 
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 


نسخه های HTML

از روزهای اولیه آغاز وب، نسخه های بسیاری از HTML وجود داشته است جدول زیر نسخه های مختلف آنرا نشان میدهد


Version Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014


نوشتن دیدگاه


 

آموزش های گام به گام

دومین دوره مسابقات برنامه نویسی دانش آموزی امیرکبیر

دومین دوره مسابقات برنامه نویسی دانش آموزی امیرکبیر

ادامه مطلب...

مسابقه حل مسائل مهندسی شیمی به کمک کامپیوتر دانشگاه صنعتی شریف

مسابقه حل مسائل مهندسی شیمی به کمک کامپیوتر دانشگاه صنعتی شریف
مسابقه حل مسائل مهندسی شیمی به کمک کامپیوتر دانشگاه صنعتی شریف

ادامه مطلب...

مسابقه حل مسائل مهندسی شیمی به کمک کامپیوتر دانشگاه صنعتی شریف

مسابقه حل مسائل مهندسی شیمی به کمک کامپیوتر دانشگاه صنعتی شریف
مسابقه حل مسائل مهندسی شیمی به کمک کامپیوتر دانشگاه صنعتی شریف

ادامه مطلب...

سمینار پردازش زبان طبیعی

سمینار پردازش زبان طبیعی
سمینار پردازش زبان طبیعی

ادامه مطلب...