HTML عناوین
در این موضوع:
سرصفحه های HTML
عنوان ها با استفاده از برچسب های <h1>تا<h6> تعریف می شوند .
برچسب <h1>مهمترین عنوان را تعریف می کند. برچسب <h6> ضعیف ترین عنوان را تعریف می کند.
مثال
<h1>عنوان 1</h1>
<h2>عنوان 2</h2>
<h3>عنوان 3</h3>
<h4>عنوان 4</h4>
<h5>عنوان 5</h5>
<h6>عنوان 6</h6>
خودتان
آزمایش کنید »
توجه: مرورگرها به طور خودکار حاشیه را قبل و بعد از عنوان اضافه می کنند.
عناوین مهم هستند
موتورهای جستجو از عنوان برای نمایه سازی ساختار و محتوای صفحات وب شما استفاده می کنند.
کاربران اغلب صفحه را با عناوین آن مرور می کنند. استفاده از عناوین برای نشان دادن ساختار سند مهم است
<h1> باید برای عنوان های اصلی استفاده شود و
سپس
<h2> عنوان کمتر مهم <h3>و
غیره.
توجه: فقط از عناوین HTML برای عنوان استفاده کنید. ،از سربرگ ها استایل متن بزرگ یا پررنگ .
تیترهای بزرگ
هر تیتر HTML دارای اندازه پیش فرض است. با این حال ، می توانید برای هر سرصفحه اندازه ای را تعیین کنید
ویژگی style با استفاده از ویژگی CSSfont-size:
جدا کننده افقی HTML
<hr> وقفه موضوعی را در یک صفحه HTML تعریف می کند
همه چیز به عنوان جدا کننده افقی (خط افقی) نمایش داده می شود.
المان <hr> برای جداسازی محتوا
در صفحه HTML استفاده می شود .
مثال
<h1>این عنوان 1 است </h1>
<p>اینها متن هستند
</p>
<hr>
<h2>این عنوان 2 است </h2>
<p>این عنوان 3
است</p>
<hr>
خودتان
آزمایش کنید »
المان <head>
المان <head> (سر صفحه) محیطی برای فراداده است.
فراداده HTML داده های مربوط به یک سند HTML است. فراداده در صفحه نمایش داده نمی شود ،
برای اهداف خدمات (جستجوی روبات ها و برنامه های وب) لازم است.
المان <head>بین برچسب <html> و برچسب <body>می آید:
Пример
<!DOCTYPE html>
<html>
<head>
<title> اولین اچ تی ام ال من
</title>
<meta
charset="UTF-8">
</head>
<body>
.
.
.
خودتان آزمایش کنید »
توجه: فراداده معمولاً عنوان سند ، مجموعه کاراکترها ، سبک ها اسکریپت ها و سایر اطلاعات متا را تعریف می کند.
چگونه منبع HTML را مشاهده کنم؟
آیا تا به حال یک صفحه وب دیده اید و از خود پرسیده اید " آنها چطور این کار را کردند ؟!"
مشاهده کد منبع HTML:
بر روی صفحه HTML کلیک راست کرده و انتخاب کنید "مشاهده منبع صفحه" ( در کروم) یا "مشاهده منبع" (در Edge), یا "کد منبع صفحه" (در Firefox), یا "منبع صفحه" (در Opera) یا مشابه آن در مرورگرهای دیگر. پنجره ای باز می شود که حاوی اصلی کد صفحه HTML است
المان HTML را بررسی کنید:
شما می توانید با این کار حتی حالت های HTML و استایل و سبک هایی که برای ساخت سایت استفاده شده رو هم مشاهده کنید
تمرینات HTML
مرجع برچسب HTML
Farsiw3 Tag Reference اطلاعات بیشتری در مورد این برچسب ها و ویژگی های آنها دارد.
در فصل های بعدی این آموزش با اطلاعات بیشتر در مورد برچسب ها و ویژگی های HTML آشنا خواهید شد.
| برچسب | توضیح |
|---|---|
| <html> | شروع بارگیری سند HTML را تعیین می کند |
| <body> | متن اصلی سند را تعریف می کند |
| <head> | محیطی برای تمام المان های سر صفحه (عنوان ، اسکریپت ها ، سبک ها ، اطلاعات متا و غیره) |
| <h1> تا <h6> | عناوین HTML را تعریف می کند |
| <hr> | تغییر موضوعی در محتوا را تعریف می کند |
برای لیست کامل همه برچسب های HTML موجود ، به مرجع برچسب HTML مراجعه کنید.
سایت توسط چارچوب farsiw3.ir طراحی شده است.
