تگهای عنوان (Headnig)

تگ های عنوان

شما می توانید به راحتی یک عنوان بزرگ و زیبا در صفحه وب خود ایجاد کنید. این کار با استفاده H انجام می شود. بزرگتر سایز عنوانی که می توانید داشته باشید تگ H1 است. با تغییر شماره ای که بعد از حرف H قرار دارد، سایزهای کوچکتری خواهید داشت. 6 سایز مختلف برای تگهای عنوان موجود است. تمام عنوانها می باست که داخل تگ BODY قرار بگیرند.

تمرین را شروع کنید. کدهای فایل firstwebpage.html را باز کنید. (از فایل منو در برنامه notepad، گزینه open را انتخاب کنید) و عبارت زیر را درست بعد از اولین تگ BODY اضافه کنید.

<H1> A Size 1 Heading </H1>

تگها به حروف کوچک و بزرگ حساس نیستند. بنابراین می توان عبارت فوق را اینگونه نوشت:

<h1> A size 1Heading </h1>

یا حتی عبارت زیر:

<h1> A size 1 Heading <H1>

زمانی که تگ H1 را اضافه کردید، کدهای html شما به شکل زیر خواهد بود:

                  

برای مشاهده نتیجه کار، محیط کاوشگر ویندوز را باز کرده و به مسیر فایل بروید و برروی آن دو بار کلیک نمایید. (اگر فایل شما از قبل در مرورگر اجرا شده است، کافی است کلید F5 را فشار دهید). پنجره مرورگر به شکل زیر خواهد بود.

                  

به قسمت کد ها برگردید و شماره 1 را به شماره 3 تغییر دهید. بنابراین تگ عنوان شما به صورت زیر خواهد شد.

<H3> A size 3 Heading </H3>

تغییرات را ذخیره کنید، به پنجره مرورگر بازگشته و کلید F5 را فشار دهید. تغییرات به صورت زیر خواهد بود:

               

سایز عنوان H3 را با H1 مقایسه کنید. (اگر عنوان شما مناسب به نظر نمی رسد، فرمت کدهای نوشته شده را بررسی کنید تا چیزی از قلم نیفتاده باشد).

تمرین:

سایر تگ های عنوان را طبق روش فوق به کد اضافه کرده و نتیجه را مشاهده نمایید. (تگهای h1 تا h6).