Vježba - struktura HTML dokumenta

Vježba 1.1 - Cilj vježbe je upoznati osnovnu strukturu html dokumenta, koja je okvir svake web stranice.

krivulja

Vježba 1.1

  1. Na radnoj površini načinite mapu Vjezba 1.
  2. U html editoru kreirajte novu datoteku prva.html.
  3. Umetnite osnovnu strukturu html dokumenta (html elemente: <!doctype html> , <html>, <head> i <body>).
  4. Unutar <head> elementa dodajte <meta> element za utf-8 kôdnu stranicu (radi hrvatskih dijakritičkih znakova).
  5. Ispod njega dodajte element naziva web stranice Moja prva vježba.
  6. Html oblikovanje - vježba 2.1
  7. Slika 1.1
  8. Unutar <body> elementa dodajte naslov <h1> s tekstom kao na slici 1.1.
  9. Ispod naslova <h1> umetnite tri odlomka <p> s odgovarajućim tekstom.
  10. Spremite datoteku u mapu Vjezba 1.
  11. Otvorite html dokument prva.html u web pregledniku i provjerite radi li dobro: Je li prikaz isti kao na slici 1.1 i ispravnost naziva na kartici web stranice.
  12. Pogledajte izvorni kôd vaše web stranice (html dokumenta) u web pregledniku, korištenjem prečaca na tipkovnici Ctrl + U (Chrome web preglednik).
  13. izvorni kôd (Ctrl + U)
  14. Firefox: Pritisnite CTRL + U.
    Edge i Opera: Pritisnite CTRL + U. Ili pritisnite desnu tipku miša i izaberite: View page source.
  15. Koliko elemenata sadržaja, a koliko praznih elemenata se nalazi na web stranici?

Rješenje vježbe 1.1

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

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?