طراحی وب

معرفی html

معرفی html و تگ های مورد استفاده در html

آموزش html درس اول

معرفی html :

معرفی HTML : html زبان استاندارد نشانه گذاری برای ایجاد صفحات وب است.
HTML مخفف زبان نشانه گذاری Hyper Text است.
HTML ساختار صفحات وب را با استفاده از نشانه گذاری توصیف می کند.
عناصر HTML بلوک های ساختمان صفحات HTML هستند.
عناصر 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 است.
<head> شامل اطلاعات متا در مورد سند است.
<title> یک عنوان را برای سند مشخص می کند.
<body> دارای محتوای صفحه قابل مشاهده است.
<h1> یک عنوان بزرگ را تعریف می کند.
<p> یک پاراگراف را تعریف می کند.

تگ های HTML

تگ های HTML نام عناصر را توسط براکت محصور می کنند:
<tagname/> محتوای اینجا قرار می گیرد … < tagname>
تگ های HTML معمولاً به صورت جفت مانند <p> و <p/> قرار می گیرند. تعداد خیلی کمی از تگ ها جفت نیستند.
اولین تگ در یک جفت تگ شروع است، تگ دوم تگ پایان است
تگ پایان مانند تگ شروع می باشد اما قبل از اسم تگ ( / ) یا اسلش قرار داده می شود.
نکته: تگ شروع نیز opening tag نامیده می شود و تگ پایان closing tag می باشد.

مرورگرهای وب

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

< DOCTYPE!>

< DOCTYPE!> نشان دهنده نوع سند است و به مرورگر کمک می کند تا صفحات وب به درستی نمایش داده شوند.
این باید فقط یک بار در بالای صفحه ظاهر شود (قبل از هر تگ HTML).
< DOCTYPE!> به حروف حساس نیست.
< DOCTYPE!> برای HTML5: