Home / Programi / HTML jezik

HTML jezik

HTML (HyperText Markup Language) je standardni jezik za izradu i strukturiranje web stranica i web aplikacija. HTML omogućava programerima i dizajnerima da definišu strukturu sadržaja na internetu koristeći niz oznaka (tagova) i atributa.

HTML kod

Osnovne karakteristike HTML jezika:

  1. Strukturiranje sadržaja: HTML omogućava logičko razdvajanje sadržaja web stranice u različite elemente poput naslova, pasusa, listi, linkova, slika i drugih multimedijalnih komponenti. Svaki element se označava specifičnom oznakom, što olakšava preglednost i organizaciju sadržaja.
  2. Hipertekst: Osnovna funkcionalnost HTML-a je hipertekst, koji omogućava povezivanje različitih dokumenata putem hiperlinkova. Linkovi su ključni za navigaciju webom, jer omogućavaju korisnicima prelazak sa jedne stranice na drugu jednostavnim klikom.
  3. Elementi i oznake: HTML dokument se sastoji od različitih elemenata koji se definišu pomoću oznaka (tagova). Oznake su uglavnom uparen par (početna i završna oznaka) i nalaze se unutar uglastih zagrada. Na primer, oznaka <p> se koristi za definisanje pasusa, dok se oznaka <a> koristi za kreiranje linkova.
  4. Atributi: HTML oznake mogu imati atribute koji daju dodatne informacije o elementima. Atributi se postavljaju unutar početne oznake i sastoje se od imena i vrednosti. Na primer, atribut href u oznaci <a> definiše URL na koji link vodi: <a href=”https://www.example.com”>Posetite nas</a>.

Struktura HTML dokumenta

Tipičan HTML dokument sastoji se od tri glavne sekcije:

  • <html>: Koreni element koji sadrži sve ostale elemente.
  • <head>: Deo koji sadrži metapodatke o dokumentu, kao što su naslov (<title>), linkovi ka stilovima (<link>) i skriptama (<script>), i metapodatke (<meta>).
  • <body>: Glavni sadržaj dokumenta, uključujući tekst, slike, linkove, liste, tabele i druge elemente.

Primer koda

<!DOCTYPE html>

<html>

<head>

    <meta charset=”UTF-8″>

    <title>Moja Prva Web Stranica</title>

</head>

<body>

    <header>

        <h1>Dobrodošli na Moju Stranicu</h1>

    </header>

    <nav>

        <ul>

            <li><a href=”#home”>Početna</a></li>

            <li><a href=”#about”>O Nama</a></li>

            <li><a href=”#contact”>Kontakt</a></li>

        </ul>

    </nav>

    <section id=”home”>

        <h2>Početna Stranica</h2>

        <p>Ovo je početna stranica mog prvog HTML sajta.</p>

    </section>

    <section id=”about”>

        <h2>O Nama</h2>

        <p>Ovde možete saznati više o nama.</p>

    </section>

    <section id=”contact”>

        <h2>Kontakt</h2>

        <p>Kontaktirajte nas putem emaila: <a href=”mailto:info@example.com”>info@example.com</a></p>

    </section>

    <footer>

        <p>&copy; 2024 Moja Prva Web Stranica</p>

    </footer>

</body>

</html>

Ovaj primer prikazuje osnovnu strukturu HTML dokumenta sa zaglavljem, navigacijom, sekcijama sadržaja i podnožjem.

Upotreba HTML jezika

HTML je osnovni jezik za izradu i strukturiranje sadržaja na internetu. Njegova glavna primena je u kreiranju web stranica, gde se koristi za definisanje strukture i organizaciju različitih elemenata kao što su tekst, slike, video zapisi i linkovi.

Upotreba HTML-a uključuje:

  • Izrada web stranica: HTML omogućava programerima da kreiraju osnovne strukture stranica, postavljajući naslove, paragrafe, liste, tabele, formulare i druge osnovne elemente.
  • Razvoj mobilnih aplikacija: HTML, zajedno sa CSS-om i JavaScriptom, može se koristiti za izradu hibridnih mobilnih aplikacija.
  • Email dizajn: Mnoge email kampanje koriste HTML za formatiranje i strukturiranje sadržaja kako bi bili vizuelno privlačni i funkcionalni.
  • Dokumentacija i e-knjige: HTML se koristi za kreiranje strukture i organizacije digitalnih dokumenata i e-knjiga.