DESIGNR
خانه » اموزش » اچ تی ام ال » آموزش HTML – عنوان ها

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


عنوان ها در HTML

Wiki

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

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

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


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

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

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

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

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


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

تگ </ hr> یک خط افقی را در صفحه HTML ایجاد می کند.
عنصر hr برای جدا کردن محتویات از یکدیگر استفاده می شود.

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

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

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

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


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

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

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


مثال – خودتان امتحان کنید

Headings
چگونه سرتیترها را در یک سند HTML نشان دهیم.

Hidden comments
چگونه توضیحی را در کد HTML درج کنیم.

Horizontal lines
چگونه خط افقی درج کنیم.


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

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

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *