Isticanje teksta na web stranici pomaže čitatelju da odmah skrene pažnju na važne informacije.
Postoji nekoliko načina za isticanje teksta.
Za nastavak odaberite metodu s donje liste i slijedite upute.
Označite s HTML5 <mark>
Ako radite na HTML5 stranicama, oznaka <mark> može brzo označiti tekst.
Slijedi primjer kako se koriste oznake i njihovi rezultati.
Ako vaš preglednik podržava oznaku <mark>, “istaknuti tekst” trebao bi imati žutu pozadinu.
Ovo je primjer<mark>istaknutog teksta</mark> korištenjem <mark> oznake.Istaknite tekst samo HTML-om
Da biste koristili HTML kôd za isticanje teksta i podršku svim preglednicima, upotrijebite oznaku HTML <span> za postavljanje stila boje pozadine, kao što je prikazano u sljedećem primjeru.
<span style="background-color: #ffff00">Ovo je tekst istaknut bojom.</span>Istaknite tekst pomoću CSS-a i HTML-a
Također možete stvoriti CSS klasu i postaviti svojstvo background-color boje, kao što je prikazano u donjem primjeru.
<style>
body { background-color: blue; }
.emphasize { background-color: #ffff00; }
p { background-color: #fff; }
</style>Gornji CSS kod definira tri elementa.
Prvo, postavi boju pozadine glavnog tijela na plavu, drugo, ističe tekst novom oznakom klase sa žutom pozadinom, i na kraju oznaka pasusa ima bijelu pozadinu.
Ako želite koristiti klasu “emphasize” za isticanje teksta, možete stvoriti oznaku <span> u HTML-u koja se odnosi na klasu CSS.
<span class="emphasize">Test.</span>Kako istaknuti cijeli odlomak
Ako želite označiti cijeli odlomak, gornja CSS klasa ili klasa stila također se mogu primijeniti na oznaku odlomka.
<p style="background-color: #ffff00">Ovaj odlomak teksta je istaknut.</p>