خانه / آموزش HTML / بخش هفتم-عنوان های HTML
راه اندازی سایت فروشگاهی دیجی کالا و بامیلو
عنوان های HTML"

تاریخ بروزرسانی: ۶ آبان ۱۳۹۷ تعداد بازدید : 38 بازدید بدون دیدگاه

بخش هفتم-عنوان های HTML

قدم قبلی >< قدم بعدی

عنوان های HTMLعنوان های HTML

در این آموزش html به معرفی عنوان های html می پردازیم.

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

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

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

عنوان ها مهم هستند

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

کاربران صفحات خود را با عنوان های خود می خوانند. مهم است که از سرفصل ها برای نشان دادن ساختار سند استفاده شود.

<h1> سرفصل ها باید برای عنوان های اصلی استفاده شوند، به ترتیب عنوان <h2>، سپس کمتر <h3> و غیره.

نکته: استفاده از عنوان های HTML فقط برای عنوان ها. از متنهای BIG یا bold استفاده نکنید.

عنوان های بزرگتر

هر عنوان HTML دارای اندازه پیش فرض است. با این حال، با استفاده از خصوصیت اندازه فونت CSS می توانید برای هر عنوان با ابعاد سبک مشخص کنید:

قوانین افقی HTML

برچسب <hr> تعریف موضوعی را در یک صفحه HTML تعیین می کند و اغلب به عنوان یک قانون افقی نمایش داده می شود.

عنصر <hr> برای جدا کردن محتوا (یا تعریف یک تغییر) در یک صفحه HTML استفاده می شود:

عنصر <HTML <head

عنصر <head> هیچ ارتباطی با عنوان HTML ندارند.

عنصر <head> یک ظرف برای ابرداده است. ابرداده HTML اطلاعات مربوط به سند HTML است. متاداده نمایش داده نمی شود.

عنصر <head> بین برچسب <html> و برچسب <body> قرار دارد:

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

نحوه نمایش منبع HTML

آیا تا کنون یک صفحه وب را دیده اید و فکر می کنید “هی، چطور آنها را انجام دادند؟”

مشاهده کد منبع HTML

راست کلیک بر روی یک صفحه HTML و انتخاب “مشاهده منبع” (در Chrome) یا “مشاهده منبع” (در اینترنت اکسپلورر) یا مشابه در سایر مرورگرها. این یک پنجره حاوی کد منبع HTML را باز می کند.

عنصرهای  HTML را بازبینی کنید

بر روی یک عنصر (یا یک منطقه خالی) کلیک راست کرده و گزینه “Inspect” یا “Inspect Element” را انتخاب کنید تا ببینید چه عناصری ساخته شده است (هر دو HTML و CSS را خواهید دید). شما همچنین می توانید HTML یا CSS را در پرواز در پانل عناصر یا سبک که باز می شود را ویرایش کنید.

 

گام قبلی >< گام بعدی
بخش هفتم-عنوان های HTML
5 (100%) 3 votes

لینک کوتاه این مطلب: https://tiktheme.com/?p=11408


کانال تلگرام تیک تم

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *