سیده آمین ارمان
کاربر نگاه دانلود
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" "">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
نسخه های HTML
از روزهای اولیه آغاز وب، نسخه های بسیاری از HTML وجود داشته است جدول زیر نسخه های مختلف آنرا نشان میدهد
Version Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014
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" "">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
نسخه های HTML
از روزهای اولیه آغاز وب، نسخه های بسیاری از HTML وجود داشته است جدول زیر نسخه های مختلف آنرا نشان میدهد
Version Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014
