HTML (HyperText Markup Language) شش برچسب ویژه برای نمایش عناوین در سطوح مختلف فراهم می کند. همه آنها دارای پارامترهای پیش فرض هستند (اندازه و سبک قلم ، مقدار فرورفتگی از عناصر قبلی و بعدی و غیره). این گزینه ها می توانند با استفاده از دستورالعمل های CSS (Cascading Style Sheets) لغو شوند و بنابراین ظاهر عناوین متن متن یک صفحه وب را تغییر دهند.
دستورالعمل ها
مرحله 1
عنوان ها را از سطوح مختلف بین برچسب های مربوط به باز و بسته قرار دهید ، اگر قبلاً در کد منبع صفحه وب انجام نشده است. به عنوان مثال ، مهمترین عنوان (سطح اول) باید بین برچسب ها باشد
و
:
عنوان سطح اول
عنوان فرعی مهمترین سطح بعدی باید بین برچسب ها قرار گیرد
و
و غیره. آخرین سطح از سطح پیش بینی شده ، ششم است -
و
گام 2
در قسمت سرآیند کد منبع (بین برچسب ها و برچسب ها) جمله ای را قرار دهید که به مرورگر بازدید کننده می گوید در این مکان توصیف سبک ها در CSS وجود دارد:
/ * دستورالعمل های CSS اینجا خواهد بود * /
مرحله 3
در بین برچسب های سبک باز و بسته ، توصیفات سبک را برای عناوین هر سطح که می خواهید تغییر دهید ، اضافه کنید. به عنوان مثال ، اگر فقط باید ظاهر عناوین سطح اول را تغییر دهید ، ممکن است این کد به صورت زیر باشد:
h1 {
رنگ: قرمز
اندازه قلم: 20px؛
نوع قلم: مورب؛
font-weight: پررنگ؛
margin-top: 30px؛
margin-bottom: 20px؛
}
در اینجا ، h1 نشان می دهد که توضیحات در پرانتزهای فر دارای برچسب h1 است و "انتخابگر" نامیده می شود. پارامتر رنگ رنگ متن را تنظیم می کند ، پارامتر اندازه قلم اندازه قلم است ، سبک قلم با مقدار مورب ، نوع حروف کج ، وزن قلم با مقدار پررنگ پررنگ ، حاشیه بالا بالا است حاشیه و حاشیه پایین حاشیه پایین است. برای عناوین سطح دوم ، یک بلوک مشابه با انتخابگر h2 و غیره اضافه کنید.
مرحله 4
اگر سطوح زیادی برای توصیف وجود دارد از نحو مختصر استفاده کنید. به عنوان مثال ، توضیحات قلم را می توان در یک پارامتر قرار داد ، و همچنین توضیحاتی را در مورد اندازه های تورفتگی ارائه می دهد. نمونه:
h1 {
رنگ: قرمز
قلم: bial 20px arial؛
حاشیه: 30px 0 20px 0؛
}
h2 {
رنگ نارنجی؛
font: bold 18px arial؛
حاشیه: 25px 0 15px 0؛
}
در پارامتر margin ، حاشیه ها باید در جهت عقربه های ساعت ، از حاشیه بالا ، از طریق فاصله (بالا سمت راست پایین سمت چپ) مشخص شوند.
