تیتر های HTML

یادگیری HTML

تعداد بازدید : 6204

تاریخ و ساعت انتشار : دو شنبه 22 آذر 1395 03:07

تیتر های html یکی دیگر از عناصر زبان نشانه گذاری HTML می باشند. در اسناد HTML تیتر ها بسیار مهم هستند. این عناصر را با تگ های <h1> تا <h6> مشخص می کنیم.<h1> مهمترین تیتر و <h6> تیتر با کمترین اهمیت را تعیین می کند.

تیتر ها در HTML

<h1>این تیتر 1 است</h1>
<h2>این تیتر 2 است</h2>
<h3>این تیتر 3 است</h3>
<h4>این تیتر 4 است</h4>
<h5>این تیتر 5 است</h5>
<h6>این تیتر 6 است</h6>

مشاهده مثال

نکته ! مرورگر ها بصورت خودکار ،‌ کمی فضای خالی (margin) به قبل و بعد از تیتر های html اضافه می کنند.

تیتر های html

مرورگر ها از تیتر های html برای فهرست کردن ساختار و محتوای صفحه وب شما استفاده می کنند. کاربران صفحات شما را با استفاده از تیتر های html آن بطور سطحی مرور می کنند. <h1> باید به عنوان تیتر اصلی صفحه استفاده شود و تیتر با سطح بندی دوم توسط <h2> مشخص گردد و تیتر های زیر مجموعه سطح دوم نیز با <h3> و به همین ترتیب در صورت نیاز ،‌ تا <h6> ادامه داده شود.

نکته ! از این تگ ها فقط برای تیتر های صفحات و محتوا استفاده کنید. از استفاده آنها برای ضخیم کردن و بزرگتر نمایش دادن متن استفاده نکنید.

خطوط افقی

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

مثال :

خطوط افقی

<h1>این تیتر اول است</h1>
<p>این یک متن است</p>
<hr>
<h2>این تیتر دوم است</h2>
<p>این هم یک متن دیگر</p>
<hr>

مشاهده مثال

عناصر <head>

این عنصر هیچ ارتباطی با عناصر تیتر <h1> - <h6> ندارند. در حقیقت عنصر <head> ظرفی برای ابرداده می باشد. داده هایی که درباره سند هستند و نمایش داده نمی شوند.عنصر <head> مابین تگ <HTML > و <body> قرار می گیرد.

مثال :

عنصر head

<!DOCTYPE html>
<html>
<head>
<title>اولین سند اچ تی ام ال من</title>
<meta charset="UTF-8">
</head>
</body>
.
.
.

مشاهده مثال

نکته ! با استفاده از ابر داده معمولا مواردی مانند عنوان سند ،‌ مجموعه کاراکتر ها ،‌ استایل ها ،‌لینک ها ،‌اسکریپت ها و سایر ابر داده ها را تعریف می کنیم.

چگونه سورس کد HTML را مشاهده کنیم؟

برای مشاهده سورس صفحه نمایش داده شده بر روی صفحه راست کلیک کرده و گزینه "view page source" (در کروم) یا "view source" در IE یا هر گزینه مشابه در مرورگر های دیگر انتخاب کنید. در اینصورت صفحه ای حاوی کدهای HTML آن صفحه نمایش داده خواهد شد.

دانلود فایل PDF مقاله درس بعدی درس قبلی

نظر شما