Uvod o webu
HyperText Markup Language HTML HyperText Markup Language Jezik pomoću kojeg definiramo sadržaj, tj. elemente (naslove, tekst, poveznice, slike…) na web stranici.
Sadržaj (tekst ili drugi tagovi) Markup jezik i tagovi < naziv taga > Otvaranje taga Sadržaj (tekst ili drugi tagovi) …….. </ naziv taga > Zatvaranje taga Markup jezik je baziran na tagovima
Ugniježđeni tagovi <tag1> <tag1> <tag2> <tag2> Ispravno napisano Neispravno napisano <tag1> <tag1> 1. par <tag2> <tag2> 2. par </tag2> </tag1> </tag1> </tag2>
html HTML tagovi div a form object head body p table input title img meta option link DOCTYPE head body a style img b html thead span p label table br i div textarea tbody form td ul button tr ol input li code
Naša prva HTML stranica <!DOCTYPE html> Označava da se u ovoj datoteci nalazi HTML <html> </html> <head> </head> <title> </title> Naša prva stranica Naslov stranice <body> </body> Vidljivi sadržaj web stranice Tekst na mojoj prvoj stranici Tagovi se mogu otvoriti i zatvoriti u istom retku jer u HTML-u razmaci ("whitespace") nisu bitni.
Najvažniji HTML tagovi Objašnjenje p paragraf teksta a poveznica (link) img slika ul neuređena lista ol uređena lista (s brojevima ili slovima) li stavka liste div blok element table tablica tr red tablice td ćelija element
Atribut kojim se definira na što će poveznica voditi Poveznice (linkovi) HTML PRIKAZ Ovo je link na DUMP HTML KOD Adresa poveznice DUMP Ovo je link na <a href="http://www.dump.hr">DUMP</a> Atribut kojim se definira na što će poveznica voditi
Slike HTML KOD Adresa slike <img src="http://www.dump.hr/Content/Images/billboard-skola-web-programiranja.jpg"/> Atribut u kojem za definiranje adrese (source) slike
Popularni linkovi https://www.w3schools.com/html/ https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics