آموزش HTML

آموزش HTML5

فرم ها در HTML

    HTML5

      گرافیک در HTML

        رسانه ها در HTML

          API ها در HTML

            مثال های HTML

              مرجع HTML

                تگ های HTML

                سر تیترها در HTML – آموزش HTML

                • سه شنبه ۱۹ تیر ۱۳۹۷
                • بازدید ۳۱ نفر

                html headings 1722 سر تیترها در HTML   آموزش HTML

                سر تیترها در HTML

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

                امتحان کنید

                نکته: مرورگر ها به صورت خودکار به قبل و بعد از هر عنوان مقداری فضای خالی اضافه می کنند.

                سر تیترها مهم هستند

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

                اهمیت عنوان ها یا سر تیترها

                در HTML باید از <h1> برای نمایش عنوان های اصلی و مهم استفاده شود و با افزایش این عدد از ۱ تا ۶ از میزان اهمیت عنوان ها کاسته می شود.

                نکته: هرگز نباید از عنوان ها برای نمایش متون بزرگ (BIG) و یا ضخیم (BOLD) استفاده کرد.

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

                هر یک از عنوان ها در HTML دارای انداز پیشفرض می باشند. اما با اسفتاده صفت font-size در CSS می توانید اندازه دلخواه را بر روی آن ها اعمال کنید.

                امتحان کنید

                خطوط افقی

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

                امتحان کنید

                عنصر <head>

                عنصر <head> هیچ ارتباطی با عنوان های سند ندارد بلکه اطلاعات متای مربوط به سند HTML را در خود نگه می دارد. اطلاعات متا به کاربران نمایش داده نمی شود. تگ <head> باید بین دو تگ <html> و تگ <body> تعریف شود.

                امتحان کنید

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

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

                حتما تا به حال یک صفحه وب را دیده و از خود پرسیده اید که “چگونه آن را ساخته اند؟”.

                نحوه مشاهده کدهای منبع

                برای اینکار، بر روی صفحه مورد نظر کلیک راست کنید، سپس از منوی باز شده گزینه “View Page Source” را انتخاب کنید. پنجره ایی باز خواهد شد که شامل کد های منبع آن صفحه می باشد. البته با استفاده از این روش فقط می توان کد های HTML، کدهای CSS و جاوا اسکریپت مشاهده کرد.

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

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

                ثبت نظر
                ریفریش کنید!
                نظرات کاربران (۰ مورد)

                هیچ نظری ثبت نشده است