Vježba - HTML tekst i komentari

Vježba 2.2 - Cilj vježbe je naučiti koristiti html elemente za oblikovanje teksta, umetanja html komentara i popisa.

krivulja

Vježba 2.2

  1. Na radnoj površini načinite mapu Vjezba 2.
  2. U html editoru kreirajte novu datoteku tekst-i-komentari.html.
  3. Umetnite osnovnu strukturu html dokumenta.
  4. Dodajte potrebne <meta> i <title> elemente.
  5. Html tekst i o njemu - vježba 2.2
  6. Slika 2.2
  7. Radite po predlošku sa slike 2.2.
  8. Pomoću svojstva style obojite pozadinu cijele web stranice u boju slonovače (engl. ivory). Koristite css svojstvo background-color.
  9. U <body> elementu povećajte veličinu teksta (engl. font-size) na 125% radi ljepšeg izgleda.
  10. Element <body> iz prethodnog zadatka izgleda:
  11. <body style="background-color: ivory; font-size: 125%;">
  12. Dodajte naslov <h1> s tekstom kao na slici 2.2.
  13. Umetnite i oblikujte tekst sa slike, umetanjem html elemenata oblikovanja unutar odlomaka: istaknuto, podebljano, nakošeno, podvučeno, obrisano, umetnuto, smanjeno i eksponent.
  14. Ispod retka s odlomkom za podvučeni, podebljani ili nakošeni tekst, umetnite komentar s tekstom Zagrijavamo se!.
  15. Umetnite vodoravnu crtu debljine 5.
  16. Ispod crte dodajte preformatirani tekst plave boje teksta prema slici.
  17. Na kraju dodajte komentar s tekstom Bravo!
  18. Spremite datoteku u mapu Vjezba 2.
  19. Otvorite html dokument tekst-i-komentari.html u web pregledniku i provjerite radi li dobro, tj. je li prikaz isti kao na slici 2.2.

Rješenje vježbe 2.2

Usporedite dobiveni kôd s kôdom rješenja Vježbe 2.2

Naši pokrovitelji

Uvod u html

4.8

Izaberi najbolje

Naša preporuka

Cloudinary oglas

Besplatne usluge:

CDN pohrana slika i videa.

AI povećanje slika.

Pretvorba formata slika: webp...

25Gb podataka.

4.5

Zašto ne sada?