A - Najčešći HTML tagovi

Struktura dokumenta

  • <html>: Korijenski element HTML dokumenta. Obuhvaća cijeli sadržaj web stranice. Sve ostali elementi se nalaze unutar ovog taga.
  • <head>: Sadrži metapodatke o dokumentu, kao što su naslov, veze do vanjskih datoteka (CSS, JavaScript), i ključne riječi za pretraživače. Ne prikazuje se direktno na stranici.
  • <title>: Definira naslov dokumenta, koji se prikazuje u naslovnoj traci preglednika. Važan za SEO.
  • <body>: Sadrži vidljivi sadržaj web stranice, tekst, slike, poveznice itd. Sve što se vidi na stranici nalazi se unutar ovog taga.
  • <!DOCTYPE html>: Deklaracija tipa dokumenta. Govori pregledniku koju verziju HTML-a koristite. Obično se nalazi na samom početku dokumenta.

Tekst

  • <h1> do <h6>: Naslovi (headings). <h1> je najvažniji naslov, a <h6> najmanje važan. Koristite ih hijerarhijski za strukturu sadržaja.
  • <p>: Paragraf. Koristi se za formatiranje teksta u odlomke.
  • <br>: Prelazak u novi red (line break). Nema zatvarajućeg taga.
  • <span>: Generički inline kontejner. Koristi se za stiliziranje dijelova teksta unutar većeg elementa.
  • <strong>: Označava važan tekst. Obično se prikazuje podebljano.
  • <em>: Naglašava tekst. Obično se prikazuje kurzivom.

Poveznice

  • <a href="URL">: Kreira poveznicu (link) na drugu stranicu ili resurs. Atribut href specificira URL.
  • <nav>: Definira blok navigacijskih poveznica.

Liste

  • <ul>: Nenumerirana lista (unordered list). Koristi se za kreiranje liste s točkama.
  • <ol>: Numerirana lista (ordered list). Koristi se za kreiranje liste s brojevima.
  • <li>: Element liste (list item). Definira pojedinu stavku u listi.

Multimedija

  • <img src="URL" alt="opis">: Ubacuje sliku. Atribut src specificira URL slike, a alt alternativni tekst koji se prikazuje ako se slika ne može učitati.
  • <video src="URL" controls>: Ubacuje video. Atribut controls dodaje kontrole za reprodukciju.
  • <audio src="URL" controls>: Ubacuje audio. Atribut controls dodaje kontrole za reprodukciju.

Tablice

  • <table>: Definira tablicu.
  • <tr>: Redak tablice (table row).
  • <th>: Zaglavlje ćelije tablice (table header).
  • <td>: Ćelija tablice (table data).

Obrasci

  • <form>: Definira obrazac.
  • <input>: Polje za unos podataka u obrascu. Različiti tipovi polja se definiraju atributom type (npr. text, password, submit, checkbox, radio).
  • <label>: Oznaka za polje za unos.
  • <select>: Padajući izbornik.
  • <option>: Opcija u padajućem izborniku.
  • <textarea>: Polje za unos veće količine teksta.
  • <button>: Gumb.

Ostalo

  • <div>: Generički blok kontejner. Koristi se za grupiranje elemenata i stiliziranje.
  • <section>: Definira dio dokumenta (sekciju).
  • <article>: Definira samostalan dio sadržaja, kao što je blog post ili članak.
  • <aside>: Definira sadržaj koji je tangencijalno povezan s glavnim sadržajem, kao što je sidebar.
  • <header>: Zaglavlje sekcije ili stranice.
  • <footer>: Podnožje sekcije ili stranice.
  • <main>: Glavni sadržaj dokumenta.