| HTML - Osnovne oznake |
| HTML vodiči |
Osnovne oznakeHTML jezik vsebuje oznake. Teh oznak je veliko. V tem vodiču vam bom predstavil le najbolj osnovne oznake, ki jih morate poznati, če hočete uspešno ustvarjati spletne strani.
Osnovne oznake po poglavjih: - Odstavek - Komentar
Priporočam: - <div> - Komentar
1. Naslov posamezne spletne straniPosamezni strani določimo naslov s pomočjo oznake <title>, ki jo zapremo s </title>. To oznako vključimo v glavo dokumenta. Naslov strani se prikaže v naslovni vrstici, v zgornjem delu brskalnika in mu ne moremo spreminjati barve, velikosti, …
HTML primer 1:
2. Naslovi besedilZa naslove posameznih besedil (heading) uporabljajte oznake od <h1> do <h6>. Oznake se ločijo po pomembnosti in velikosti naslovov. <h1> uporabite za najpomembnejši naslov, ki bo hkrati tudi največji. Oznako <h6> uporabite za najmanj pomemben in najmanjši naslov. Brskalniki bodo nad in pod naslovom samodejno pustili eno prazno vrstico.
HTML primer 2:
<html>
<head> </head>
<body> <h1> Naslov 1 </h1> <h2> Naslov 2 </h2> <h3> Naslov 3 </h3> <h4> Naslov 4 </h4> <h5> Naslov 5 </h5> <h6> Naslov 6 </h6> </body>
</html>
prikaz uporabe oznak <h1> do <h6>
3. OdstavekZ oznako <p>, ki jo končamo z oznako </p> definiramo odstavek. Brskalniki pod in nad odstavkom samodejno pustijo eno vrstico prazno. Namesto oznake <p> lahko uporabljate tudi oznako <div>, ki predstavlja del besedila. Če boste uporabili <div>, nad in pod delom besedila ne bo spuščene prazne vrstice.
HTML primer 3:
<html>
<head> </head>
<body> <p> To je odstavek </p> <p> To je naslednji odstavek </p> <div> To je del besedila </div> <div> To je še en del besedila </div> </body>
</html>
prikaz uporabe oznake <p> in <div>
4. Skok v naslednjo vrsticoOznaka <br> nam omogoča, da v istem odstavku oz. delu besedila preidemo v novo vrsto. Oznaka <br> je enodelna in je ni treba končati z </br>.
HTML primer 4:
<html>
<head> </head>
<body> <p>To je odstavek, <br> ki se nadaljuje v novi vrstici</p> </body>
</html>
5. KomentarKomentarji vam bodo pomagali, da se v kodi ne boste izgubili. V njih si pišite opombe, s katerimi si boste pomagali, ko boste čez nekaj časa urejali stran. Komentarjev brskalnik ne prikaže. *Klicaj je pri komentarjih le v prvem delu kode!
HTML primer 5:
6. Vodoravna črtaKjer koli boste vpisali enodelno oznako <hr> se bo prikazala vodoravna črta, s katero lahko ločujete dele besedila.
HTML primer 6:
<html>
<head> </head>
<body> <p>To je odstavek, ki mu sledi vodoravna črta</p> <hr> <p>To je odstavek, <hr> ki ga deli vodoravna črta</p> </body>
</html>
V tem vodiču ste spoznali oznake za naslov spletne strani, odstavek, komentar, vodoravno črto in preskok v naslednjo vrsto. Upam, da vam je vodič pomagal pri kakšni vaši težavi ali pa vam vsaj razširil obzorje.
|
| Sorodni vodiči | |
Moje-Mesto.com
Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.
Zmagovalec tega tedna:
Sodelujte tudi vi:
Virtualno predelovanje
Loading Poll...
| Zadnje na forumu | |||
|
|||
ovezava znotraj iFrama