HTML HTML START Microsoft Front Page Microsoft Publisher
HTML
HTML – START • • Microsoft Front. Page, Microsoft Publisher Macromedia Dreamweaver Microsoft Word kreiraju web sajtove za nas
HTML – START • Za početak – alati koji su nam potrebni za izradu web sajta • „Browser“ - Microsoft Internet Explorer, Opera, Mozilla Firefox • Jednostavan text editor – Notepad (start meni/All Programs/Accessories
Šta je to HTML v. HTML je standardizovan jezik koji se koristi na Web-u i čija je namena opisivanja formata web stranice i njenih elemenata. v. HTML jezik ne sadrži podatke, već definiše način na koji se oni prikazuju. v. HTML je matični jezik pretraživača. v. Razvijen 1990. godine od strane naučnika Tim Berners-Lee.
Šta je to HTML • • HTML – skraćenica od „Hyper. Text Mark-up Language” Hyper – suprotno od linear. Text Mark-up – zaglavlja, numeracija, tabele i ostali elementi teksta na isti način se prikazuju u različitim browser-ima. Language - skup engleskih reči • XHTML (Extensible Hyper. Text Mark-up Language) struktuiraniji način pisanja HTML.
Oznake i tagovi • HTML jezik se sastoji od određenog skupa standardnih oznaka (eng. tag). Sve oznake se nalaze u okviru znakova veće i manje (< i >) i mogu imati neke dodatne atribute • Oznake daju strukturu HTML dokumentima i kažu browser-u kako mi želimo da web sajt bude prikazan. • Sadrže startni tag, neki sadržaj i krajnji tag
Oznake i tagovi Ispravno formatiran HTML dokument počinje sa oznakom <html> i završava sa </html> Unutar ove oznake se nalazi kompletan sadržaj strane, uključujući i eventualne skriptove.
Oznake i tagovi Zaglavlje strane <head> sadrži informacije koje su specifične za tu stranu. Najočiglednija je oznaka <title> gde se upisuje naslov strane koji će biti prikazan u Web pretraživaču.
Oznake i tagovi U sekciju <body> smešta se HMTL kod koji zapravo predstavlja "pravi" sadržaj strane.
Oznake i tagovi Mininalna struktura HTML-dokumenta obuhvata oznake: • <HTML>, </HTML> - zagrade HTML-teksta; • <HEAD>, </HEAD> - zagrade zaglavlja, sadrži metadefinicije HTML-dokumenta, ključne reči, …; • <TITLE>, </TITLE> - zagrade za naziv HTMLdokumenta • <BODY>, </BODY> - zagrade teksta obeleženog dokumenta.
Oznake i tagovi • Minimalni HTML-dokument: <html> <head> </head> <body> </html>
Oznake i tagovi • Minimalni HTML-dokument: <HTML> <HEAD> <TITLE> Ja volim informatiku! </TITLE> </HEAD> <BODY> </HTML>
Oznake i tagovi <HTML> <HEAD> <TITLE> Ja volim informatiku! </TITLE> </HEAD> <BODY> <h 1>Zaglavlje</h 1> <h 2>Malo manje zaglavlje</h 2> </BODY> </HTML>
Oznake i tagovi <html> <head> <title>Moja prva veb strana</title> </head> <body> <p>Jupiiii! Moja prva stranica. </p> </body> </html>
- Slides: 18