HTML Vadnica
HTML je standardni označevalni jezik za spletne strani. Ustvarimo lahko lastno spletno stran s HTML, za kar potrebujemo dodatno znanje CSS in JavaScript. Z urejevalnikom lahko sami pišemo in urejate ter shranjujemo na lokalni disk.
Izdela se ga lahko v vsakem urejevalniku besedil (kot npr. beležnici), saj je zapisan v obliki elementov HTML, ki so sestavljeni iz značk, zapisanih v lomljenih oklepajih (kot npr. <p>) znotraj vsebine spletne strani. HTML značke so običajno zapisane v parih, kot npr. <p> in </p>. Prava značka se imenuje tudi začetna značka, druga pa končna značka. Znotraj para značk lahko spletni razvijalec vpiše poljubno besedilo in tudi druge značke. Določene značke hkrati dovoljujejo vpisovanje vnaprej določenih atributov in se le te morajo držati pravilne HTML sintakse.
Kaj je HTML?
Oznaka <html> je jedro HTML dokumenta. Je zabojnik vseh ostalih HTML elementov, razen oznake <!DOCTYPE>. Opomba: Znotraj oznake <html> moramo vedno vključiti atribut lang, če želimo prijaviti jezik. Ta oznaka je namenjena pomoči iskalnikom in brskalnikom.
Kako pišemo elemente v HTML dokument?
- <h1>vsebina naslova</h1>
- <p>vsebina odstavka</p>
- <imeElementa>vsebina dokumenta</imeElementa>
- Oznake, ki se ne zaprejo: <br>, <hr>, <img>, <input>, <param>, <source> itd.
HTML pomeni Hyper Text Markup Language, in:
- Je standardni jezik za ustvarjanje spletnih strani.
- Opisuje strukture spletne strani.
- Je sestavljen iz vrste elementov.
- Sporoča brskalniku, kako prikazati vsebino.
- Označuje dele vsebine, kot je to naslov, odstavek itd.
| ELEMENT | OPIS | PRIMER |
|---|---|---|
| <!DOCTYPE html> | Definira dokument kot HTML5. | Glej primer |
| <html> | Je korenski element HTML strani. | Glej primer |
| <head> | Vsebuje meta informacije o dokumentu. | Glej primer |
| <title> | Določa naslov HTML dokumenta. | Glej primer |
| <body> | Vsebuje vidno vsebino strani. | Glej primer |
| <h1> <h2> <h3> <h4> <h5> <h6> | Določa velikost naslova. | Glej primer |
| <p> | Določa odstavek. | Glej primer |
| </body> | Vsebino zaključimo. | Glej primer |
| </html> | Zaključimo naš HTML dokument. | Glej primer |
Orodje za delo s HTML
Poznamo več orodij za delo s HTML. Prvo orodje, ki smo ga že spoznali v Kaj je HTML? vadnici, je beležnica. Poleg beležnice lahko uporabljamo tudi IDE, ki je nujno potrebno, če delamo s CSS in JavaScript. V vadnici bomo tako spoznali VS Code, ki je brezplačen in plačljiv IDE PHPStorm.
| Beležnica | HTML dokument lahko napišemo v beležnico, ki je del vsakega operacijskega sistema. | Glej primer |
|---|---|---|
| PHPStorm | Urejevalnik dejansko dobi našo kodo in globoko razume njeno strukturo ter podpira vse funkcije jezika PHP za sodobne in starejše projekte. Zagotavlja najboljše dokončanje kode, preoblikovanje, preprečevanje napak in še več. | Glej primer |
| VisualStudio Code | Presezimo označevanje sintakse in samo dokončanje z IntelliSense, ki zagotavlja pametna dokončanja na podlagi vrst spremenljivk, definicij funkcij in uvoženih modulov. | Glej primer |
