HTML Headings

عنوان ها در سندهای HTML ، عناصر مهمی هستند.

 » عنوان ها در HTML

عنوان یا سرتیتر در HTML به وسیله تگ های <h1> تا <h6> تعریف می شود.

<h1> برای مهمترین سرتیتر استفاده می شود.

<h6> کم اهمیت ترین سرتیتر را تعریف می کند.

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

خودتان امتحان کنید     

نکته : مرورگرها به طور خودکار مقداری فضای خالی (یک حاشیه) را قبل و بعد از هر سرتیتری اضافه می کنند.

 » سرتیترها عناصر مهمی هستند

از عنصر heading تنها برای سرتیترها استفاده کنید. از آنها برای بزرگ یا bold کردن استفاده نکنید.

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

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

h1 برای مهمترین سرتیتر استفاده می شود، بعد از آن h2 و سپس h3 برای سرتیترهای کم اهمیت تر و به همین ترتیب سایر سرتیترها.

 » ایجاد خطوط افقی در HTML

تگ </ hr> یک خط افقی را در صفحه HTML ایجاد می کند.

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

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

خودتان امتحان کنید     

 » توضیحات (Comment ها) در HTML

توضیحات می توانند در کدهای HTML وارد شوند تا کدها را خواناتر و قابل فهم تر نمایند. توضیحات توسط مرورگرها نادیده گرفته می شوند و نمایش داده نمی شوند.

توضیحات به صورت زیر نوشته می شوند :

<!-- This is a comment -->
<!-- تـوضـیـحـات -->

خودتان امتحان کنید     

نکته : علامت تعجب بعد از علامت باز نوشته می شود نه قبل از علامت بسته.

 » نکته : چگونه کدهای HTML را ببینیم

آیا تاکنون وقتی یک صفحه وب را دیده اید از خود پرسیده اید "چگونه می توان کدهای HTML آن را دید".

برای دیدن این کدها روی صفحه مورد نظر راست کلیک کرده و از منوی باز شده گزینه "View Source" را در (IE) و یا "View Page Source" را در  Firefox و یا گزینه مشابه را در سایر مرورگرها انتخاب کنید.

 » منبعی از تگ ها در HTML

در فصل های بعد در مورد تگ های HTML و خصوصیت های آن ها بیشتر خواهید آموخت.

تگ توضیح
<html> یک سند HTML را تعریف می کند.
<body> بدنه یک سند را تعریف می کند.
<h1> تا <h6> سرتیترهای HTML را تعریف می کند.
<hr /> یک خط افقی را تعریف می کند.
<!--> توضیحی را درج می کند.

پایان بخش ششم - فصل اول