پروژه طراحی وب سایت -مرور کلی بر 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 و با نام test.htm ذخیره کنید. در انتها آن را با استفاده از یک مرورگر مانند اینترنت اکسپلورریا گوگل کروم یا فایرفاکس و غیره باز کنید.
برچسب های HTML
همانطور که قبلا گفته شد HTML یک زبان نشانه گذاری است و برای طراحی محتوا از برچسب های مختلفی استفاده می کند. این برچسب ها در داخل علامت <> قرار میگیرند.
به جز تعداد کمی از برچسب ها، بسیاری از آنها برچسب متناظر بستن را نیز دارند. به عنوان مثال< html>دارای برچسب بستن< /html> و < body>دارای برچسب بستن< /body> می باشند.
مثال بالا از داکیومنت HTML از برچسب های زیر استفاده می کند:
| Tag | Description |
< !DOCTYPE...> |
این برچسب نوع داکیومنت و ورژن HTML را تعریف می کند. |
| < html> | این برچسب داکیومنت کامل HTML را احاطه می کند و اساسا شامل تیتر داکیومنت می شود که توسط< head>...< /head> نمایش داده می شود و بدنه ی داکیومنت نیز به وسیله ی برچسب های < body>...< /body> نمایش داده می شوند. |
< head> |
این برچسب تیتر داکیومنتی را نشان می دهد که می تواند دیگر برچسب های HTML از مانند < title>, < link> را در خود نگه دارد. |
< title> |
برچسب < title> در داخل برچسب< head>استفاده می شود تا تیتر داکیومنت را ذکر کند. |
< body> |
این برچسب بدنه ی داکیومنتی را نشان می دهد که دیگر برچسب های HTML مانند < h1>, < div>, < p> را در خود دارد. |
< h1> |
این برچسب تیتر را نمایش می دهد. |
< p> |
این برچسب یک پاراگراف را نمایش می دهد. |
برای یادگیری HTML لازم است برچسب های مختلفی را مطالعه کنید و درک کنید که در هنگام طراحی یک داکیومنت متنی چگونه رفتار می کنند. یادگیری HTML ساده است چرا که یوزرها ، باید مورد استفاده ی برچسب های مختلف را برای طراحی متن و یا تصاویر و ایجاد یک صفحه وب زیباتر ، یاد بگیرند.
وب جهانی Consortium (W3C) پیشنهاد می دهد که در شروع با HTML برچسب ها را با حروف کوچک به کار ببرید.
ساختار داکیومنت HTML
یک نمونه از داکیومت HTML دارای ساختار زیر خواهد بود:
Document declaration tag
نمونه دو
<title>Page Title</title>
Document body related tags
تمام برچسب های مربوط به بدنه و تیتر را در بخش های بعدی مطالعه خواهیم کرد، اکنون اجازه بدهید در مورد برچسب داک تایپ بیشتر بدانیم.
< !DOCTYPE>:
برچسب < !DOCTYPE> توسط مرورگرهای وب برای پی بردن به ورژن HTML استفاده شده در داکیومنت مورد استفاده قرار می گیرد. ورژن حال حاضر HTML ورژن 5 می باشد که از اطلاعیه ی زیر استفاده می کند:
انواع دیگری اطلاعیه وجود دارند که می توانند در داکیومنت HTML، متناسب با ورژن HTML مورد استفاده قرار بگیرند. جزئیات بیشتری در این مورد در دوره آموزش طراحی سایت تحلیل داده ببینید
- ۰۰/۰۲/۱۳