HTML (HyperText Markup Language) предоставя шест специални маркера за показване на заглавия от различни нива. Всички те имат параметри по подразбиране (размер и стил на шрифта, количеството отстъпи от предишния и следващия елемент и др.). Тези опции могат да бъдат заменени с помощта на CSS инструкции (Cascading Style Sheets) и по този начин да се промени външният вид на заглавията в текста на уеб страница.
Инструкции
Етап 1
Поставете заглавия от различни нива между съответните етикети за отваряне и затваряне, ако вече не са направени в изходния код на уеб страницата. Например, най-важното заглавие (първо ниво) трябва да е между таговете
и
:
Заглавие от първо ниво
Следващото най-важно подзаглавие на ниво трябва да бъде поставено между таговете
и
и т.н. Последното от предвидените нива е шестото -
и
Стъпка 2
Поставете в заглавната част на изходния код (между и таговете) изявление, казващо на браузъра на посетителя, че на това място има описание на стиловете в CSS:
/ * CSS инструкциите ще бъдат тук * /
Стъпка 3
Между етикетите за стил на отваряне и затваряне добавете описания на стилове за заглавията на всяко ниво, на което искате да промените външния вид. Например, ако трябва само да промените вида на заглавията от първо ниво, тогава този код може да изглежда така:
h1 {
цвят: Червен;
размер на шрифта: 20px;
стил на шрифта: курсив;
шрифт-тегло: получер;
margin-top: 30px;
margin-bottom: 20px;
}
Тук h1 показва, че описанието в фигурните скоби се отнася до маркера h1 и се нарича "селектор". Параметърът за цвят задава цвета на текста, параметърът за размер на шрифта е размерът на шрифта, стилът на шрифта с курсив е курсив, шрифтът с получер шрифт е получер, margin-top е отгоре margin, а margin-bottom е най-долният марж. За заглавия от второ ниво добавете подобен блок с селектор h2 и т.н.
Стъпка 4
Използвайте стенографичния синтаксис, ако има много нива за описване. Например описанията на шрифтове могат да бъдат поставени в един параметър, както и описания на размерите на отстъпите. Пример:
h1 {
цвят: Червен;
шрифт: удебелен 20px arial;
марж: 30px 0 20px 0;
}
h2 {
цвят: оранжев;
шрифт: получер 18px arial;
марж: 25px 0 15px 0;
}
В параметъра на полето полетата трябва да бъдат посочени по посока на часовниковата стрелка, започвайки от горния поле, през интервал (горе вдясно долу вляво).
