HTML (HyperText Markup Language) ofron gjashtë etiketa speciale për shfaqjen e titujve të niveleve të ndryshme. Të gjithë ata kanë parametra të paracaktuar (madhësia dhe stili i fontit, sasia e dhëmbëzimeve nga elementët e mëparshëm dhe të ardhshëm, etj.). Këto opsione mund të anashkalohen duke përdorur udhëzimet e CSS (Fletët e stilit Cascading) dhe kështu të ndryshojnë pamjen e titujve në tekstin e një faqe në internet.
Udhëzimet
Hapi 1
Vendosni tituj të niveleve të ndryshme midis etiketave përkatëse të hapjes dhe mbylljes, nëse nuk janë bërë tashmë në kodin burimor të faqes në internet. Për shembull, kreu më i rëndësishëm (niveli i parë) duhet të jetë midis etiketave
dhe
:
Titulli i nivelit të parë
Nënkreu tjetër i nivelit më të rëndësishëm duhet të vendoset midis etiketave
dhe
etj. E fundit nga nivelet e parashikuara është e gjashta -
dhe
Hapi 2
Vendosni në pjesën e kokës së kodit burimor (midis etiketave dhe një) një deklaratë që i tregon shfletuesit të vizitorit se ka një përshkrim të stileve në CSS në këtë vend:
/ * Udhëzimet e CSS do të jenë këtu * /
Hapi 3
Në mes të etiketave të stilit hapës dhe mbyllës, shtoni përshkrime stili për titujt e secilit nivel për të cilin dëshironi të ndryshoni pamjen. Për shembull, nëse duhet të ndryshoni vetëm pamjen e titujve të nivelit të parë, atëherë ky kod mund të duket kështu:
h1 {
ngjyra: e kuqe;
madhësia e shkronjave: 20px;
stili i shkronjave: italic;
pesha e shkronjave: e theksuar;
margin-top: 30px;
margin-fund: 20px;
}
Këtu, h1 tregon se përshkrimi në formatimin e teksteve kaçurrel i referohet etiketës h1 dhe quhet "përzgjedhës". Parametri i ngjyrave përcakton ngjyrën e tekstit, parametri i madhësisë së shkronjave është madhësia e shkronjave, stili i shkronjave me vlerën e pjerrët është shkronja e pjerrët, pesha e shkronjave me vlerën e theksuar është e theksuar, maga e sipërme është e sipërmja diferencë, dhe margin-fund është marzha e poshtme. Për titujt e nivelit të dytë, shtoni një bllok të ngjashëm me një përzgjedhës h2, etj.
Hapi 4
Përdorni sintaksën e stenografisë nëse ka shumë nivele për të përshkruar. Për shembull, përshkrimet e shkronjave mund të vendosen në një parametër, si dhe përshkrimet e madhësive të indenteve. Mostra:
h1 {
ngjyra: e kuqe;
font: arial i trashë 20px;
diferencë: 30px 0 20px 0;
}
h2 {
ngjyra: Portokalli;
font: arial i trashë 18px;
diferencë: 25px 0 15px 0;
}
Në parametrin e diferencës, kufijtë duhet të specifikohen në drejtim të akrepave të orës, duke filluar nga marzhi i sipërm, përmes një hapësire (sipër djathtas lart majtas).