سبد (0)

عنوان یا سرتیتر در HTML

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


عنوان ها در HTML

Wiki

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

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

مثال (عنوان یا سرتیتر در HTML)

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
خودتان امتحان کنید »

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


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

Wiki

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

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

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

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


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

Wiki

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

مثال (عنوان یا سرتیتر در HTML)

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
خودتان امتحان کنید »

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

Wiki

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

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

مثال (عنوان یا سرتیتر در HTML)

<!-- This is a comment -->
خودتان امتحان کنید »

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


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

Wiki

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

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


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

Wiki

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

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

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


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

Wiki

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

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

آموزش صوتی HTML

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه