تگ های HTML - تگ H1 To H6

عضویت در سایت

نام کاربری*

ایمیل*

رمزعبور*

تایید رمز عبور*

نام*

نام خانوادگی*

نام نمایشی*

تصویر پروفایل*

مرور

کشور*

شهر*

جنسیت* آقا

خانم

سایر

سن*

قوانین و مقررات* با تیک زدن این گزینه شما قوانین و مقررات را میپذیرید.

عضویت در سایت

رایگان ثبت نام کنید و سوالات خود را بپرسید، همچنین میتوانید در پاسخگویی به سوالات دیگر کاربران نیز سهیم باشید، هر مشکلی در ثبت نام یا ورود داشتید با ایمیل beporsam@gmail.com در ارتباط باشید

تگ های HTML – تگ H1 To H6

سلام

با معرفی تگ Heading، که از H1 تا H6 هست در خدمتتون هستیم.

نمونه کد تگ Heading

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<h1>This is heading ۱</h1>

<h2>This is heading ۲</h2>

<h3>This is heading ۳</h3>

<h4>This is heading ۴</h4>

<h5>This is heading ۵</h5>

<h6>This is heading ۶</h6>

تعریف و کاربرد

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

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

تگ های <h1> تا <h6> به ترتیب اولویت هستند، تگ <h1> بیشترین اولویت و تگ <h1> کمترین اولویت را دارد.

پشتیبانی مرورگرها از تگ <heading>

عنصر
h1 To h6	بله	بله	بله	بله	بله

خصوصیت ها:

خصوصیت

مقدار

توضیح

align

left

right

center

justify

برای ترازبندی عنوان ها استفاده میشود

این خصوصیت در HTML5 پشتیبانی نمی شود

تنظیمات پیشفرض CSS

اکثر مرورگرها برای تگ <h1> از تنظیمات پیشفرض زیر استفاده می کنند:

h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h1 {

display: block;

font-size: ۲em;

margin-top: ۰.۶۷em;

margin-bottom: ۰.۶۷em;

margin-left: ۰;

margin-right: ۰;

font-weight: bold;

}

اکثر مرورگرها برای تگ <h2> از تنظیمات پیشفرض زیر استفاده می کنند:

h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h2 {

display: block;

font-size: ۱.۵em;

margin-top: ۰.۸۳em;

margin-bottom: ۰.۸۳em;

margin-left: ۰;

margin-right: ۰;

font-weight: bold;

}

اکثر مرورگرها برای تگ <h3> از تنظیمات پیشفرض زیر استفاده می کنند:

h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h3 {

display: block;

font-size: ۱.۱۷em;

margin-top: ۱em;

margin-bottom: ۱em;

margin-left: ۰;

margin-right: ۰;

font-weight: bold;

}

اکثر مرورگرها برای تگ <h4> از تنظیمات پیشفرض زیر استفاده می کنند:

h4 {
    display: block;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h4 {

display: block;

margin-top: ۱.۳۳em;

margin-bottom: ۱.۳۳em;

margin-left: ۰;

margin-right: ۰;

font-weight: bold;

}

اکثر مرورگرها برای تگ <h5> از تنظیمات پیشفرض زیر استفاده می کنند:

h5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h5 {

display: block;

font-size: .۸۳em;

margin-top: ۱.۶۷em;

margin-bottom: ۱.۶۷em;

margin-left: ۰;

margin-right: ۰;

font-weight: bold;

}

اکثر مرورگرها برای تگ <h6> از تنظیمات پیشفرض زیر استفاده می کنند:

h6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h6 {

display: block;

font-size: .۶۷em;

margin-top: ۲.۳۳em;

margin-bottom: ۲.۳۳em;

margin-left: ۰;

margin-right: ۰;

font-weight: bold;

}

معرفی تگ <heading> به پایان رسید.

سوالی داشتید در سایت بپرسید ، پاسخگوی سوالات شما هستیم.

موفق باشید.

مطلب پیشنهادی: گیت هاب چیست؟