Osnove HTML jezika I deo Sadrzaj

Osnove HTML jezika I deo........................................................................................1 Sadrzaj........................................................................................................................ 1 Kreiranje HTML dokumenta.....................................................................................1 Dodavanje paragrafa, horizontalne linije, slike i linka.............................................3 Dodavanje komentara i formatiranje teksta............................................................5 Formatiranje elemenata..........................................................................................5 Finalni kod i izgled...................................................................................................6

Kreiranje HTML dokumenta

1. Otvoriti tekst editor Notepad 2. Uneti osnovne (html, head, body) tagove za kreiranje HTML dokumenta (web stranice)

3. Uneti tag za kreiranje naslova web stranice (title) i u okviru njega uneti sadrzaj HTML document

4. U okviru body elementa dodati header elemente (h1, h3, h6) sa sledecim tekstom This is Heading

5. Sacuvati ovakav document na sledeci nacin: u okviru Notepad-a izabrati opciju File->Save As, a zatim u prozoru za cuvanje dokumenta u opciju File Name upisati OsnoveHTMLJezikaIDeo.html, a u okviru opcije Save as type izabrati opciju All Files

6. Otvoriti sacuvani dokument OsnoveHTMLJezikaIDeo.html

Dodavanje paragrafa, horizontalne linije, slike i linka

1. Ispd h6 taga dodati dva paragrafa sa tekstom: This is paragraph, This is another paragraph

2. Ispod paragrafa dodati horizontalnu liniju, a zatim dodati link koji vodo do lokacije: http://www.google.com, sa tekstom This is link for google.com

3. Dodati break tag, a zatim img tag koji prikazuje sliku google.png. Img tag treba da ima sirinu: 364 i visinu: 126. Ispod img taga dodati jos jednu horizontalnu liniju

4. Dodati link na google sliku koja ce da otvara sajt http://www.google.com u novom prozoru

5. Potrebno je sacuvati dokument, a zatim ga otvoriti

Dodavanje komentara i formatiranje teksta

1. Ispod zadnje horizontalne linije dodati komentar sa tekstom This is comment 2. Dodati tekst This text is bold i bold-irati ga. Dodati dva break taga posle ovog teksta. 3. Dodati tekst This text is big u okviru elementa big. Dodati dva break taga posle ovog teksta. 4. Dodati tekst This text is italic i iskositi ga. Dodati dva break taga posle ovog teksta 5. Dodati sledeci tekst u code formatu: This is computer output. Dodati dva break taga posle ovog teksta. 6. Dodati tekst This is subscript and superscript, gde rec subscript treba da bude u subscript formatu, a rec superscript treba da bude u superscript formatu. Posle ovog teksta dodati horizontalnu liniju.

7. Sacuvati dokument i otvoriti ga u browser-u

Formatiranje elemenata
1. Dodati otvarajuci div tag sa pozadinskom bojom: rgb(229, 238, 204)

2. Dodati paragraf sa tekstom This text is in Verdana and red. Paragrafu dodeliti font: Verdana i crvenu boju. 3. Dodati paragraf sa tekstom This text is in Times and blue. Paragrafu dodeliti font: Times New Roman i plavu boju. 4. Dodati paragraf sa tekstom This text is 30px high. Paragrafu dodeliti visinu fonta od 30 pixel-a

5. Sacuvati dokument, a zatim ga otvoriti u browser-u

Finalni kod i izgled

Zavrsni kod ovog uputstva ima sledeci oblik:

Finalni izgled HTML dokumenta je sledeci: