DOBRODOŠLI U HTML Šta je HTML? HTML (HyperText Markup Language) jednostavan jezik za kreiranje web stranica. HTML je standardni jezik za internet dokumenta. Razvojem internet pojavila se potreba za novim tipom dokumenta-hipertekstom. To je tekst koji sadrži linkove na druga dokumenta ili na delove sopstvenog. Specifično, hipertekst je grupa stranica u obliku fajla , povezanih međusobno linkovima, koji su insertovani u stranicu. Rad sa HTML Za generisanje HTML stranice, potreban vam je jednostavan tekst editor-Notepad ili Wordpad M o ž e t e i h n a ć i u Start menu under All Programs → Accessories. That is shown in Picture1). Slika1. Pronalaženje Notepad/WordPad 2 Kreiranje jedne webstranice Posle otvaranja tekst editor, možete početi sa kreiranjem web stanice. Za ovo vam je potrebno poznavanje rada sa tagovima u HTMLu, čije objašnjenje sledi. Struktura HTML web stranice Minimalna struktura HTML dokumenta uključuje sledeće tagove: <HTML>, </HTML> - HTML document brackets; <HEAD>, </HEAD> - the header brackets; <TITLE>, </TITLE> - HTML document name brackets <BODY>, </BODY> - marked document’s text brackets. HTML deo Celokupan HTML document se nalazi između <HTML> i </ HTML> tagova, gde se <HTML> koristina početku, a </ HTML> na kraju celokupnog dokumenta. HEAD deo Svaki HTML document s e s a s t o j i i z d v a d e l a : header (head) i body. Header je odvojen is sa <head> i </ head> tagovima, a body HTML dokumenta sa <body> i </ body> tagovima. Sve napisano u u header dokumenta ne vidi se u prozotu brausera. Služi da obezbediosnovne informacije o websajtu. BODY deo Sve napisano između <body> i </body> tagova je telo dokumenta i vidi se u prozoru brausera. Primer1. Opšti izgled stranice <html> <head> <title> </title> </head> <body> Sve potrebo se piše ovde. </body> </html> Kao dodatak, između <BODY> i </BODY> tagova možete dodati različite entitete.. Komentar Dodatna mogućnost vam omogućava da markirate komentar u HTML tekstu, koji ne može da se vidi u vizuelizaciji dokumentaNa primer: <! ------ Your comment ------> 3 Headings (Naslovi) Headings su kodirani brojevimaod 1 do 6, prema relativnoj veličini. Head tag ima opšti oblik: <Hn> level n heading </ Hn>, gde n uzima vrednosti od 1 do 6, a svaki naslov je manji od prethodnog. Primer: Slika2. Naslov Division Division je opisan sa <DIV> and </DIV> tagovima. Ovi tagovi mogu imati align attribute sa vrednostima CENTER, RIGHT ili LEFT, gde je vrednost uneta u prvi tag: <DIV ALIGN=LEFT> ... </DIV> poravnanje sleva, <DIV ALIGN= CENTER> ... </ DIV> centrirano <DIV ALIGN= RIGHT> ... </ DIV> poravnanje s desna. Paragraf Paragraf je označen sa <P> i </P> tagovima. Ovaj tag moeže imati atribut poravnjananja koji uzima iste vrednosti kao i kod taga <DIV>. Nova linija Nova linija (break) je označena sa <BR> tagom. Ovo jeprost tag, što znači da nema završnog taga koji zatvra aliniju, </BR>. 4 Rule tag Označen je sa <HR> oznakom, sa mogućim NOSHADE atributom. Ovo je takođe prost tag (bez završnog taga </HR>), ii ma SIZE atribut koji opisuje debljinu linije. Primer: <HR SIZE=4 WIDTH="50 %">. Za jednostavnu liniju koristiti <HR> tag. Slika3. Primer upotrebe osnovnih tagova 5