Oct 28, 2023

Elementi HTML Stranice

HTML (Hypertext Markup Language) stranice se sastoje od različitih elemenata koji se koriste za označavanje i organizaciju sadržaja na stranici. Evo nekoliko osnovnih elemenata HTML stranice:

  • Naslovi (<h1>, <h2>, <h3>, itd.): Naslovi se koriste za označavanje različitih nivoa naslova na stranici.
  • Paragrafi (<p>): Oznaka <p> se koristi za označavanje paragrafa teksta na stranici.
  • Linkovi (<a>): Oznaka <a> se koristi za kreiranje hyperlinkova na druge web stranice ili resurse.
  • Slike (<img>): Oznaka <img> se koristi za prikazivanje slika na stranici.
  • Liste (<ul>, <ol>, <li>): Oznake <ul> i <ol> se koriste za kreiranje neuređenih i uređenih lista, dok se oznaka <li> koristi za označavanje stavki unutar lista.
  • Tabele (<table>, <tr>, <th>, <td>): Oznaka <table> se koristi za kreiranje tabela na stranici.
  • Forme (<form>, <input>, <textarea>, <button>): Oznaka <form> se koristi za kreiranje obrazaca na stranici.
  • Osnovna struktura (<html>, <head>, <body>): Ove oznake definišu osnovnu strukturu HTML dokumenta.
  • Metapodaci (<title>, <meta>): Oznaka <title> se koristi za postavljanje naslova dokumenta.
  • Sekcije (<div>, <span>): Oznake <div> i <span> se koriste za grupisanje i stilizaciju elemenata.

Šta je HTML?

HTML (Hypertext Markup Language) je standardizovani jezik za označavanje i strukturiranje sadržaja na web stranicama. To je osnovni jezik web developmenta i omogućava kreiranje i formatiranje tekstualnog i multimedijalnog sadržaja na webu. HTML koristi "oznake" (tags) da definiše različite elemente na web stranici i kako će se prikazivati pregledačima.

Osnovne karakteristike HTML-a uključuju:

  1. Oznake (Tags): HTML koristi oznake da označe različite elemente na stranici, kao što su naslovi, paragrafi, slike, linkovi, tabele, forme itd.
  2. Struktura: HTML dokument se sastoji od osnovne strukture, uključujući <html>, <head> i <body>.
  3. Atributi: Oznake često sadrže atribute koji pružavaju dodatne informacije o elementima.
  4. Hijerarhija: Oznake se često koriste u ugnježdenim strukturama, stvarajući hijerarhiju elemenata na stranici.
  5. Stilizacija: Iako je HTML osnovni jezik za strukturu, stilizacija se obično postiže pomoću CSS-a (Cascading Style Sheets).

HTML se neprestano razvija kroz različite verzije, pri čemu se dodaju nove elemente i funkcionalnosti kako bi se omogućila naprednija interaktivnost i multimedijalni sadržaj na webu. HTML5, na primer, donosi mnoge nove mogućnosti za video, audio, grafičke efekte i bolju podršku za mobilne uređaje.

Svaki HTML dokument je osnovna jedinica za kreiranje web stranica. HTML dokument definiše strukturu i sadržaj web stranice i omogućava web pregledačima da tumače i prikažu te informacije korisnicima.

HTML dokument se sastoji od tri osnovna dela: <html>, <head>, i <body>

<html> označava početak i kraj HTML dokumenta.

<head> sadrži metapodatke o stranici, kao što su naslov, karakterna šifra, veze ka spoljnim resursima i druge informacije koje nisu vidljive na samoj stranici.

<body> sadrži vidljivi sadržaj stranice, kao što su tekst, slike, linkovi, forme i ostali elementi koje korisnici vide i interagiraju sa njima.

Kako kreirati prvu HTML stranicu?

Kreiranje prve HTML stranice je odličan način da započnete sa učenjem osnova web developmenta. 

Da biste započeli sa kreiranjem svoje prve HTML stranice, sledite sledeće korake:

  1. Tekst editor: Prvo, potrebno vam je tekst editor, kao što su vi editor na Linux-u,  Notepad (za Windows), Visual Studio Code, Sublime Text ili drugi po vašem izboru.
  2. Kreirajte HTML dokument: Otvorite tekst editor i kreirajte novu datoteku. Sačuvajte je sa ekstenzijom .html, na primer, "moja_prva_stranica.html".
  3. Osnovna struktura HTML-a: Unesite osnovnu strukturu HTML dokumenta:
        <!DOCTYPE html>
        <html>
        <head>
            <title>Naslov vaše stranice</title>
        </head>
        <body>
            <!-- Ovde dodajte sadržaj svoje stranice -->
        <h1>Dobrodošli na moju prvu HTML stranicu</h1>
        <p>Ovo je prvi pasus na mojoj stranici.</p>
</body> </html>

Dodajte svoj sadržaj unutar <body> odeljka, kao što su naslov, pasusi, slike, i druge elemente.

        <h1>Dobrodošli na moju prvu HTML stranicu</h1>
        <p>Ovo je prvi pasus na mojoj stranici.</p>
    

Kada završite, sačuvajte izmene u svojoj .html datoteci i otvorite je u web pretraživaču kako biste videli svoju stranicu u akciji.

Uz ove osnovne korake, brzo ćete moći da kreirate svoju prvu HTML stranicu. Srećno!