Kreiranje delova dizajna na vašoj stranici
Naslovi su korisni način organizovanja vašeg teksta, stvaranja korisnih podela i optimizacije vaše web stranice za pretraživače. Možete jednostavno kreirati naslove pomoću HTML naslova. Takođe možete promeniti izgled vašeg teksta s krepkim i kurzivim oznakama.
Naslovi
Oznake naslova su najjednostavniji način podele vašeg dokumenta. Ako mislite o vašoj stranici kao novini, onda su naslovi naslova novina. Glavni naslov je h1 a pozadinski naslovi su h2 kroz h6.
Koristite sledeće šifre za kreiranje HTML-a.
Ovo je naslov 1 h1> 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> Saveti za zapamtiti
- Pokušajte zadržati svoje zaglavlja u logičnom redosledu, h1 dolazi prije h2, koji dolazi prije h3, i tako dalje.
- Ne brinite previše o tome kako izgleda zaglavlje - trebalo bi da koristite CSS da biste stajali na naslovima, a ne da koristite naslov iz redova.
- Glavne oznake su elementi blok-nivoa , tako da vam stavljaju linijske pauze. Nemojte stavljati P oznake unutar oznaka naslova.
Bold i Italic
Ovo je naslov 3 h3> Ovo je naslov 4 h4> Ovo je naslov 5 h5> Ovo je naslov 6 h6> Saveti za zapamtiti
- Pokušajte zadržati svoje zaglavlja u logičnom redosledu, h1 dolazi prije h2, koji dolazi prije h3, i tako dalje.
- Ne brinite previše o tome kako izgleda zaglavlje - trebalo bi da koristite CSS da biste stajali na naslovima, a ne da koristite naslov iz redova.
- Glavne oznake su elementi blok-nivoa , tako da vam stavljaju linijske pauze. Nemojte stavljati P oznake unutar oznaka naslova.
Bold i Italic
Ovo je naslov 5 h5> Ovo je naslov 6 h6> Saveti za zapamtiti
- Pokušajte zadržati svoje zaglavlja u logičnom redosledu, h1 dolazi prije h2, koji dolazi prije h3, i tako dalje.
- Ne brinite previše o tome kako izgleda zaglavlje - trebalo bi da koristite CSS da biste stajali na naslovima, a ne da koristite naslov iz redova.
- Glavne oznake su elementi blok-nivoa , tako da vam stavljaju linijske pauze. Nemojte stavljati P oznake unutar oznaka naslova.
Bold i Italic
Saveti za zapamtiti
- Pokušajte zadržati svoje zaglavlja u logičnom redosledu, h1 dolazi prije h2, koji dolazi prije h3, i tako dalje.
- Ne brinite previše o tome kako izgleda zaglavlje - trebalo bi da koristite CSS da biste stajali na naslovima, a ne da koristite naslov iz redova.
- Glavne oznake su elementi blok-nivoa , tako da vam stavljaju linijske pauze. Nemojte stavljati P oznake unutar oznaka naslova.
Bold i Italic
Postoje četiri oznake koje možete koristiti bold i italicom:
- i za bold
- i za kurzivu
Nije važno koje koristite. Iako neki preferiraju i , ali mnogi ljudi pronalaze za "bold" i kurziv lakši za pamćenje.
Jednostavno okružite svoj tekst pomoću oznaka za otvaranje i zatvaranje, kako bi tekst bio koldan ili kurziv:
bold b> italic i>Ovim oznakama možete gniježiti (što znači da možete praviti i bold i kurzivu tekst) i nije važno koja je vanjska ili unutrašnja oznaka.
Na primjer:
Ovaj tekst je odvažen
Ovaj tekst je sjajan strong>Ovaj tekst je kurziv
Ovaj tekst je kurziv em>Ovaj tekst je odvažen i kurziv
Ovaj tekst je bold i kurziv em> strong>Zašto postoje dva skupa oznaka Bold i Italics
U HTML4 oznake i su smatrane oznakama stila koje su uticale samo na izgled teksta i nisu ništa govorile o sadržaju oznake, i smatralo se lošim oblikom da ih koriste. Zatim su, s HTML5, imali semantičko značenje izvan izgleda teksta.
U HTML5-u ove oznake imaju određena značenja:
- označava tekst koji nije važniji od okružnog teksta, ali tipična tipografska prezentacija je odvažni tekst, kao što su ključne riječi u izvještaju dokumenta ili nazivi proizvoda u pregledu.
- označava tekst koji nije važniji od okružnog teksta, ali tipična tipografska prezentacija je kurzivni tekst, kao što je naziv knjige, tehnički termin ili fraza na drugom jeziku.
- označava tekst koji ima jak značaj u poređenju sa tekstom koji okružuje.
- označava tekst koji ima naglašen stres u poređenju sa tekstom koji okružuje.