HTML (HyperText Markup Language) გთავაზობთ ექვს სპეციალურ ნიშანს სხვადასხვა დონის სათაურების ჩვენებისთვის. ყველა მათგანს აქვს ნაგულისხმევი პარამეტრები (შრიფტის ზომა და სტილი, წინა და შემდეგი ელემენტების ჩაღრმავებების რაოდენობა და ა.შ.). ამ ვარიანტების გადალახვა შესაძლებელია CSS ინსტრუქციის (Cascading Style Sheets) გამოყენებით და ამით შეიცვალოს სათაურების გამოჩენა ვებ-გვერდის ტექსტში.
ინსტრუქციები
Ნაბიჯი 1
განათავსეთ სხვადასხვა დონის სათაურები შესაბამის გახსნილ და დახურულ ტეგებს შორის, თუ ეს უკვე გაკეთებული არ არის ვებ – გვერდის კოდში. მაგალითად, ყველაზე მნიშვნელოვანი სათაური (პირველი დონე) უნდა იყოს თეგებს შორის
და
:
პირველი დონის სათაური
შემდეგი ყველაზე მნიშვნელოვანი დონის ქვესათაური უნდა განთავსდეს თეგებს შორის
და
და ა.შ. გათვალისწინებული დონის ბოლო მეექვსეა -
და
ნაბიჯი 2
მოათავსეთ კოდის სათაურის ნაწილში (და ტეგებს შორის) განცხადება, რომელიც ეუბნება ვიზიტორის ბრაუზერს, რომ CSS– ში მოცემულია სტილის აღწერილობა ამ ადგილას:
/ * CSS ინსტრუქცია აქ იქნება * /
ნაბიჯი 3
გახსნისა და დახურვის სტილის ტეგებს შორის, დაამატეთ სტილის აღწერილობები თითოეული დონის სათაურებისთვის, რომელთა შეცვლაც გსურთ. მაგალითად, თუ საჭიროა მხოლოდ პირველი დონის სათაურების გარეგნობის შეცვლა, მაშინ ეს კოდი შეიძლება ასე გამოიყურებოდეს:
h1 {
ფერი: წითელი;
შრიფტის ზომა: 20px;
შრიფტის სტილი: დახრილი;
შრიფტის წონა: სქელი;
margin-top: 30 პიქსელი;
ზღვარი-ქვედა: 20px;
}
აქ h1 მიუთითებს იმაზე, რომ ტალღოვანი საყრდენების აღწერა აღნიშნავს h1 ტეგს და ეწოდება "სელექტორი". ფერის პარამეტრი ადგენს ტექსტის ფერს, შრიფტის ზომის პარამეტრია შრიფტის ზომა, შრიფტის სტილი დახრილი მნიშვნელობით არის დახრილი შრიფტი, შრიფტის წონა თამამი მნიშვნელობით არის მუქი, მინდვრის ზედა არის ზედა ზღვარი, და ზღვარი ქვედა არის ქვედა ზღვარი. მეორე დონის სათაურებისთვის დაამატეთ მსგავსი ბლოკი h2 სელექტორით და ა.შ.
ნაბიჯი 4
გამოიყენეთ სტენოგრამის სინტაქსი, თუ აღწერილია მრავალი დონე. მაგალითად, შრიფტის აღწერილობა შეიძლება მოთავსდეს ერთ პარამეტრში, ისევე როგორც აბზაცის ზომის აღწერა. ნიმუში:
h1 {
ფერი: წითელი;
შრიფტი: სქელი 20px arial;
მინდორი: 30px 0 20px 0;
}
h2 {
ფერი: ნარინჯისფერი;
შრიფტი: თამამი 18px arial;
მინდორი: 25px 0 15px 0;
}
მინდვრის პარამეტრში, მინდვრები უნდა იყოს მითითებული საათის ისრის მიმართულებით, ზედა მინდორიდან დაწყებული, სივრცის გავლით (მარცხნივ ზედა მარჯვენა ქვედა მხრიდან).
