You are on page 1of 31

OSNOVE HTML-A

Osnovni elementi HTML jezika


Uvod u HTML
 HTML dolazi od engleskih riječi HyperText Markup Language. Hypertext je dio
teksta koji ima ulogu poveznice (linka), a Markup Language označava način
unosa izgleda informacija unutar dokumenta.
 HTML je materinji jezik web preglednika. Omogućava nam prikazivanje teksta,
slika i multimedije na internetu. 

 HTML dokument sadrži oznake elemenata i običan tekst i opisuje web stranicu.
 HTML dokument nazivamo i web stranicom.

 HTML kôd možete unositi bilo kojim editorom koji omogućava unos teksta bez
formatiranja. Primjer takvog editora u Windowsima je Notepad.
CSS (eng. Cascading Style Sheets)

 Današnje stranice su razdijeljene na „slojeve”:

Sadržaj
(HTML) Prezentacija
(CSS) Ponašanje
(JavaScript)
HTML Tags

 HTML nije programski jezik nego označni jezik. Označni jezik sastoji se od označnih
kodova.

 HTML označni kodovi su ključne riječi (nazivi elemenata) omotani s šiljatim


zagradama npr. <html>.

 Označni kodovi koriste se za opisivanje web stranice.

 HTML elementi najčešće dolaze u paru, kao <big> i </big>.


 Prvi element nazivamo početni element, a drugi završni element.
 Završni element ima isti naziv kao i početni uz razliku što se ispred elementa umeće
kosa crta (engl. slash).
HTML Svojstva : HTML Attributes

 Svojstva osiguravaju dodatne informacije o html elementu. Uvijek se


nalaze u početnoj oznaci elementa. Svojstvo se sastoji od naziva
svojstva i vrijednosti svojstva.
 Naziv svojstva se piše malim slovima. Vrijednost svojstva se navodi
unutar dvostrukih navodnika.
 Jednom elementu možemo dodijeliti više svojstava. Međusobno ih
odvajamo razmakom. Nije od važnosti kojim redoslijedom navodimo
svojstva.
Struktura HTML dokumenta : HTML Structure
 Prvi element koji se pojavljuje u izvornom kodu web stranice
je doctype deklaracija. Ona osigurava web pregledniku podatke o tome u
kojoj je vrsti označnog jezika napisana stranica.

 Ovaj doctype opisuje web stranicu kao HMTL5 dokument.

 Neposredno iza doctype dolazi <html> element. Unutar <html> elementa


web stranica je podijeljena u dva glavna dijela: <head> i <body>
HTML <title> element
UČITAVANJE LINKA I SLIKE NA STRANICU
NUMERIČKI POPIS NA STRANICI
SIMBOLIČKI POPIS NA STRANICI
HTML tablice : HTML Tables

 Tablice se koriste za prikazivanje podataka u stupcima.


 Tablice se više ne koriste za izradu strukture web stranice jer je tu
zadaću preuzeo css.
 HTML tablica je upisana između početne i završne oznake <table>
elementa. Tablica može imati željeni broj redaka a svaki redak
upisujemo između početne i završne oznake <tr> elementa.
 Svaki redak ima jednaki broj ćelija koje omeđujemo oznakom
elementa <td>...</td>.
 POZADINSKA SLIKA NA STRANICI

 Odvajanjem sadržaja web stranice od izgleda, pojedina svojstva html


elemenata postala su zastarjela i više se ne koriste. Jedno od tih svojstava je
html svojstvo background pomoću kojeg se definirala slika kao pozadina
cijele stranice, tablice ili ćelije u tablici.
 Umetanje css svojstava u html se ne preporučuje radi nečitljivosti kôda. No,
ponekad je poradi testiranja ponekad potrebne napraviti iznimku. Ovdje će biti
prikazana ta iznimka.
 Bez CSS svojstva se učitava na sljedeći način:
<body bgcolor=„red“>
HVALA NA PAŽNJI
 Primjer web stranice za učenje HTML-a:
 http://www.w3schools.com/html/

You might also like