Iako su moderne internet stranice dizajnirane tako da imaju korisničko sučelje koje je prijateljsko korisniku, ne škodi poznavanje osnova HTML-a. Ako nastavite čitati ovaj članak i naučite sve o čemu govorimo u nastavku, moći ćete kreirati vlastite web stranice za vrlo kratko vrijeme.
U nastavku slijede primjeri HTML koda koje možete sami testirati – dovoljno je da ih kopirate u svoj HTML dokument i otvorite u pregledniku.
Osnovne HTML oznake
1. <!DOCTYPE html>
Ova oznaka uvijek stoji na početku HTML dokumenta i govori pregledniku da čita dokument kao HTML5 (najnovija verzija HTML-a).
2. <html> ... </html>
Ova oznaka obavještava preglednik da se radi o HTML dokumentu.
Sve što napišete unutar dokumenta nalazi se između otvarajuće <html> i zatvarajuće </html> oznake.
3. <head> ... </head>
Označava sekciju zaglavlja dokumenta. Sadržaj ovdje nije vidljiv na stranici, već sadrži metapodatke koje koriste pretraživači i preglednici.
4. <title> ... </title>
Postavlja naslov web stranice. Primjer:
5. <meta>
Meta oznake sadrže podatke o web stranici (ključne riječi, opis, kodiranje znakova i dr.).
Primjer za prikaz ispravne širine stranice na svim uređajima:
6. <body> ... </body>
Ovdje se nalazi sav vidljiv sadržaj stranice – tekst, slike, linkovi i drugi elementi.
Naslovi i paragrafi
<h1> do <h6>
Koriste se za naslove različitih razina.<h1> je najveći i koristi se jednom po stranici.
Primjer:
<p> – paragraf
Označava odlomak teksta:
<br> – prijelom reda
Koristi se za novi red bez praznog prostora:
<hr> – vodoravna linija
Dodaje liniju za odvajanje sadržaja:
Isticanje teksta
<b> i <strong>
Oba označavaju podebljan tekst, s tim da <strong> dodatno označava važnost:
<i> i <em>
Koriste se za kurziv i naglašavanje:
Linkovi i slike
<a> – poveznica
Dodaje link na drugu web stranicu:
<img> – slika
Dodaje sliku na web stranicu:
Atribut alt prikazuje tekst ako se slika ne može učitati.
Liste
Uređena (numerisana) lista:
Neuređena (bullet) lista:
Tabele
Primjer jednostavne tabele:
<table>i</table>– početak i kraj tabele<tr>– red<th>– zaglavlje kolone<td>– ćelija s podacima
Autor: Ivan Hečimović
Izvor: pcchip.hr
