به دلیل حجم بالای مطالب و زمان بر بودن دسته بندی و ترجمه آن ها، بخش هایی از سایت به صورت موقت غیر فعال است.

W3Persian.com

معادل فارسی وب سایت W3Schools.com، تقدیم به فارسی زبانان جهان!

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

سربرگ های HTML

سربرگ ها در سند های HTML بسیار مهم هستند.

سربرگ های HTML

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

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

مثال
<h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6>خودتان امتحان کنید >

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

سربرگ ها مهم هستند

موتور های جستجو از سربرگ ها برای ثبت کردن صفحه و محتوای آن در خود استفاده می کنند (index کردن صفحه وب).
کاربران شما صفحات وبتان را با سربرگ ها می بینند. مهم است که از سربرگ ها برای ساختار سند استفاده شود.
تگ <h1> باید برای عنوان های مهم استفاده شود و برای عنوان هایی که کم تر مهم هستند از تگ <h2> و به همین ترتیب تا تگ <h6>.
توجه: از سربرگ های HTML فقط برای عنوان ها استفاده کنید و از استفاده آن ها به عنوان متن های بزرگ یا تو پُر صرف نظر کنید.

سربرگ های بزرگتر

هر تگ سربرگ دارای اندازه پیش فرض است با این حال شما می توانید به وسیله خصوصیت style اندازه آن را تغییر دهید:

مثال
<h1 style="font-size:60px;">Heading 1</h1>خودتان امتحان کنید >

خط افقی 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>خودتان امتحان کنید >

عنصر <head> در HTML

عنصر <head> هیچ ارتباطی با سربرگ های HTML ندارد.
عنصر <head> یک بستر برای متاداده هاست (metadata). متاداده ها اطلاعاتی درباره سند HTML ارائه می کنند. متاداده ها در صفحه وب نمایش داده نمی شوند.
عنصر <head> در بین برچسب <html> و برچسب <body> قرار می گیرد:

مثال
<!DOCTYPE html> <html> <head> <title>My First HTML</title> <meta charset="UTF-8"> </head> <body> . . .خودتان امتحان کنید >

نکته: متاداده ها معمولا عنوان سند، مجموعه کاراکتر ها، لینک ها، سبک ها، اسکریپت ها و دیگر متا اطلاعات را تعریف می کنند.

آیا می توانم سورس این صفحه را ببینم؟

تا به حال برای شما اتفاق افتاده است که به یک صفحه وب نگاه کنید و این سوال را از خود بپرسید؟ "هی! این کار رو چه طوری انجام دادن؟".

نمایش سورس کد HTML

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

بازبینی عناصر HTML

بر روی یک عنصر (یا یک منطقه خالی) کلیک راست کنید و گزینه "Inspect" یا "Inspect Element" را انتخاب کنید تا ببینید چه عناصری ساخته شده است (در این جا شما می توانید HTML و CSS را مشاهده کنید) شما می توانید کد های HTML و CSS را به دلخواه خود تغییر دهید (تغییراتی که در این بخش اعمال می کنید فقط جهت تست و امتحان هستند و در جایی ذخیره نخواهند شد و پس از بارگذاری مجدد صفحه از به حالت اولیه باز خواهند گشت).

با تمرینات خودتان را امتحان کنید!

تمرین 1 تمرین 2 تمرین 3 تمرین 4

منبع تگ های HTML

مرجع تگ های W3Persian حاوی اطلاعات اضافی در مورد تگ ها و ویژگی های آنهاست.
شما می توانید در بخش های بعدی این آموزش اطلاعات بیشتری در مورد تگ های HTML به دست آورید.

نام تگ توضیحات
<html> ریشه یک سند HTML را تعریف می کند
<body> بدنه سند را تعریف می کند
<head> یک بستر برای تعریف اطلاعات سند (اسکریپت ها، سبک ها، متاداده ها و دیگر اطلاعات)
<h1> تا <h6> سربرگ های HTML را تعریف می کند
<hr> تغییرات موضوعی در محتوا را تعریف می کند