Izrada odjeljaka dizajna na vašoj stranici
Naslovi korisni su način organiziranja teksta, stvaranja korisnih odjeljaka i optimizacije web stranice za tražilice. Možete jednostavno izraditi zaglavlja pomoću oznaka naslova HTML-a. Izgled teksta možete promijeniti i podebljanim i kurzivim oznakama.
naslovi
Oznake naslova najjednostavniji su način dijeljenja dokumenta. Ako mislite o svojoj web lokaciji kao novinama, tada su naslovi naslova na novinama. Glavni naslov je h1 i sljedeće naslove su h2 do h6.
Izradite HTML pomoću sljedećih kodova.
Ovo je naslova 2 h2> Ovo je naslov 2 h2> Ovo je naslov 3 h3> Ovo je naslov 4 h4> Ovo je naslov 5 h5> Ovo je naslov 6 h6> Savjeti za pamćenje
- Pokušajte zadržati svoje naslove logičnim redoslijedom, h1 dolazi prije h2, koji dolazi prije h3 i tako dalje.
- Ne brinite previše o tome kako izgledaju naslovi - trebali biste koristiti CSS za naslove stila umjesto da koristite naslov izvan reda.
- Naslovne oznake su elemente na razini bloka , pa su stavili praznike za vas. Nemojte stavljati P oznake unutar tarifnih oznaka.
Podebljano i kurzivno
Ovo je naslov 3 h3> Ovo je naslov 4 h4> Ovo je naslov 5 h5> Ovo je naslov 6 h6> Savjeti za pamćenje
- Pokušajte zadržati svoje naslove logičnim redoslijedom, h1 dolazi prije h2, koji dolazi prije h3 i tako dalje.
- Ne brinite previše o tome kako izgledaju naslovi - trebali biste koristiti CSS za naslove stila umjesto da koristite naslov izvan reda.
- Naslovne oznake su elemente na razini bloka , pa su stavili praznike za vas. Nemojte stavljati P oznake unutar tarifnih oznaka.
Podebljano i kurzivno
Ovo je naslov 5 h5> Ovo je naslov 6 h6> Savjeti za pamćenje
- Pokušajte zadržati svoje naslove logičnim redoslijedom, h1 dolazi prije h2, koji dolazi prije h3 i tako dalje.
- Ne brinite previše o tome kako izgledaju naslovi - trebali biste koristiti CSS za naslove stila umjesto da koristite naslov izvan reda.
- Naslovne oznake su elemente na razini bloka , pa su stavili praznike za vas. Nemojte stavljati P oznake unutar tarifnih oznaka.
Podebljano i kurzivno
Savjeti za pamćenje
- Pokušajte zadržati svoje naslove logičnim redoslijedom, h1 dolazi prije h2, koji dolazi prije h3 i tako dalje.
- Ne brinite previše o tome kako izgledaju naslovi - trebali biste koristiti CSS za naslove stila umjesto da koristite naslov izvan reda.
- Naslovne oznake su elemente na razini bloka , pa su stavili praznike za vas. Nemojte stavljati P oznake unutar tarifnih oznaka.
Podebljano i kurzivno
Postoje četiri oznake koje možete koristiti za podebljano i kurzivno:
- i za podebljano
- i za kurziv
Nije važno što koristite. Dok neki vole i , ali mnogi ljudi smatraju da je "bold" i kurziv lakše zapamtiti.
Jednostavno okružite tekst s oznakama otvaranja i zatvaranja kako biste tekst podebljani ili kurzivom:
podebljano b> kurzivno i>Možete zalijepiti ove oznake (što znači da možete napraviti tekst podebljano i kurziv) i nije važno koja je vanjska ili unutarnja oznaka.
Na primjer:
Ovaj tekst je podebljan
Ovaj tekst je podebljano strong>Ovaj je tekst u kurzivu
Ovaj je tekst u kurzivu em>Ovaj tekst je podebljan i kurziv
Ovaj tekst je i podebljan i kurziv em> strong>Zašto postoje dva skupa punih i kurzivnih oznaka
U HTML4 oznake i bile su smatrane oznakama stila koje utječu samo na izgled teksta i nisu ništa rekli o sadržaju oznake, a smatra se da ih je loš oblik. Zatim, s HTML5, dobili su semantičko značenje izvan izgleda teksta.
U HTML5 ove oznake imaju određena značenja:
- označava tekst koji nije važniji od okolnog teksta, no tipična je tipografska prezentacija podebljani tekst, kao što su ključne riječi u sažetku dokumenta ili nazivi proizvoda u pregledu.
- označava tekst koji nije važniji od okolnog teksta, no tipična je tipografska prezentacija kurzivu, poput naslova knjige, tehničkog pojma ili fraze na nekom drugom jeziku.
- označava tekst koji ima veliku važnost u odnosu na okolni tekst.
- označava tekst koji ima naglašeni stres u usporedbi s okolnim tekstom.