HTML (HyperText Markup Language) pruža šest posebnih oznaka za prikaz naslova različitih razina. Svi oni imaju zadane parametre (veličina i stil fonta, količina uvlaka iz prethodnih i sljedećih elemenata itd.). Te se mogućnosti mogu nadjačati pomoću CSS uputa (Cascading Style Sheets) i tako promijeniti izgled zaglavlja u tekstu web stranice.
Upute
Korak 1
Smjestite naslove različitih razina između odgovarajućih oznaka za otvaranje i zatvaranje, ako to već nije učinjeno u izvornom kodu web stranice. Na primjer, najvažniji naslov (prva razina) trebao bi biti između oznaka
i
:
Naslov prve razine
Sljedeći najvažniji podnaslov razine treba smjestiti između oznaka
i
itd. Posljednja od predviđenih razina je šesta -
i
Korak 2
U zaglavni dio izvornog koda (između oznaka i) stavite izjavu koja posjetiteljevom pregledniku kaže da na ovom mjestu postoji opis stilova u CSS-u:
/ * CSS upute bit će ovdje * /
3. korak
Između oznaka stila za otvaranje i zatvaranje dodajte opise stilova za naslove svake razine kojoj želite promijeniti izgled. Na primjer, ako trebate samo promijeniti izgled naslova prve razine, tada bi ovaj kôd mogao izgledati ovako:
h1 {
boja: crvena;
veličina slova: 20px;
stil fonta: kurziv;
font-weight: podebljano;
margin-top: 30 piksela;
margin-bottom: 20px;
}
Ovdje h1 označava da se opis u kovrčavim zagradama odnosi na h1 oznaku i naziva se "selektor". Parametar boje postavlja boju teksta, parametar veličine fonta je veličina fonta, stil fonta s kurzivom je kurziv, font-težina s podebljanom vrijednošću je podebljana, margin-top je vrh margina, a margin-bottom je donja margina. Za naslove druge razine dodajte sličan blok s h2 selektorom itd.
4. korak
Koristite kratku sintaksu ako postoji više razina za opisivanje. Na primjer, opisi fontova mogu se staviti u jedan parametar, kao i opisi uvlaka. Uzorak:
h1 {
boja: crvena;
font: podebljano 20px arial;
marža: 30px 0 20px 0;
}
h2 {
boja: narančasta;
font: podebljano 18px arial;
marža: 25px 0 15px 0;
}
U parametru margine margine se moraju navesti u smjeru kazaljke na satu, počevši od gornje margine, kroz razmak (gornji desni donji lijevi dio).
