عنوان ها
برای ایجاد عنوان در html باید از سری تگ های h استفاده کنیم.
این سری شامل تگ های h1 تا h6 می باشد.
ساختار عنوان ها به صورت زیر است :
نوع نوشتن این تگ به صورت زیر است:
<h1>این یک عنوان است</h1>ما به جز تگ h1 و h6 تگ های h2 , h3 , h4 , h5 را داریم.
در مثال زیر تفاوت هر کدام را می بینید:
<h1>Hello</h1>
<h2>Hello</h2>
<h3>Hello</h3>
<h4>Hello</h4>
<h5>Hello</h5>
<h6>Hello</h6>با تگ h1 عنوان اصلی را تعریف می کنیم، که دارای بیشترین اهمیت است.
با تگ h6 عنوانی را تعریف می کنیم که دارای کم ترین اهمیت است.
نکته: از تگ h1 فقط یک بار باید استفده کرد.
اهمیت عنوان ها
کاربران و موتورهای جستجو مانند گوگل، با توجه به عنوان، موضوع سایت را بررسی می کنند.
پر اهمیت ترین عنوان در HTML ، تگ <h1> می باشد.
کم اهمیت ترین عنوان در HTML، تگ <h6> می باشد.
هر چه از h1 به سمت h6 پیش می رویم اهمیت عنوان کم تر می شود. به طور مثال اهمیت h3 کم تر از اهمیت h2 است.
ساختار متن ها
استفاده از عنوان برای ساختاردهی متن در سند HTML، خیلی مهم است.
معمولا در ادامه هر عنوان باید از یک پاراگراف استفاده شود.
مثال زیر را مشاهده کنید :
<h1>HTML</h1>
<p>
.زبان نشانه گذاری استاندارد برای طراحی صفحات وب می باشد html
. زبان برنامه نویسی نیست بلکه زبان نشانه گذاری است html
</p>با دید ادبی عموما:
- هر سند تنها شامل یک عنوان اصلی (h1) است.
- در ادامه هر عنوان می توان از پاراگراف (p) استفاده کرد، و آن عنوان را توضیح داد.
- در ادامه هر عنوان می توان از یک زیر عنوان استفاده کرد و سپس از پاراگراف استفاده کرد.
به طور مثال در ادامه عنوان h2 می توان از چند عنوان h3 استفاده کرد، و موضوع را به چند بخش مختلف تقسیم کرد. و در ادامه هر h3 با یک تگ پاراگراف آن موضوع را توضیح داد.
خلاصه درس
- برای گذاشتن عنوان در صفحات وب باید از سری تگ های h استفاده کنیم.
- h1 پراهمیت ترین و h6 کم اهمیت ترین عنوان را تعریف می کند.
- در این بخش با اهمیت عنوان ها آشنا می شوید.
تمرین
در تمرین زیر تگ های پایان را کامل کنید.
همچنین دو تگ h2 را زیر مجموعه تگ h1 بنویسید.
داخل تگ h1 بنویسید front-end
و داخل تگ های h2 به ترتیب بنویسید HTML و CSS .
<h2> </h2>
<h2> </ >
احسان اسلامی
