HTML je temelj vsake spletne strani, struktura HTML-dokumenta pa temelji na tako imenovanih označbah. Te označbe ti omogočajo, da organiziraš vsebine in določiš njihovo strukturo. V tem članku se boš spoznal z osnovnimi koncepti in pomembnimi oznakami HTML, ki ti bodo pomagale pri razvoju lastnih spletnih projektov.
Navodila po korakih
1. Uvod v HTML-označbe
Začnimo z osnovnim konceptom HTML-označb. V svojem jedru so oznake navodila, ki jih brskalniki interpretirajo, da ustrezno prikažejo vsebino. Pri ustvarjanju HTML-dokumenta je pomembno, da imaš potrebno programsko opremo za pisanje kode. Priljubljen urejevalnik je PHP Storm Editor, ki ponuja sintaktično poudarjanje.
2. Razumevanje strukture HTML-dokumenta
HTML-dokument je obdan z oznako <html>. Ta oznaka je zunanji tag in definira, da gre za HTML-dokument. Znotraj tega dokumenta sta dva glavna področja: glava (<head>) in telo (<body>). Glava vsebuje meta informacije, ki se na spletni strani ne prikazujejo neposredno, medtem ko telo obsega vidno vsebino tvoje spletne strani.
3. Glava
V glavi lahko navedeš informacije, kot so naslov, pisave in povezave do drugih virov, kot so CSS-stili ali JavaScript datoteke. Ti podatki niso vidni uporabnikom, vendar pomagajo brskalniku, da stran pravilno prikaže. Tipičen primer glave bi lahko izgledal takole:
4. Telo
V telesu dodaš svojo vidno vsebino. Tukaj pridejo besedila, slike, povezave in drugi elementi, ki jih uporabnik lahko vidi. Pomembno je omeniti, da je tudi telo zaprto v oznakah, in sicer z oznako <body>.
5. Spoznaj pomembne HTML-označbe
Med najbolj osnovne HTML-označbe sodi oznaka za naslov.
6. Prepoznavanje HTML-označb
7. Uporaba oznak v dokumentu
Vsa vsebina, ki leži med oznakama, pripada tej oznaki.
8. Struktura HTML-elementov
Temeljno je, da razumeš strukturo svojega HTML-dokuments.
9. Pregled vira
Ko odpreš svojo HTML-datoteko v brskalniku, lahko preveriš tudi izvorno kodo, da se prepričaš, da je vse pravilno implementirano. To lahko storiš tako, da z desno miškino tipko klikneš na stran in izbereš "Prikaži izvorno kodo strani".
10. Zaključek in nadaljnje informacije
Potem ko si zdaj dobil pregled osnovnih oznak, lahko začneš ustvarjati svoje HTML-dokumente in eksperimentirati. Kasnejša navodila se bodo osredotočila na strukturiranje in organizacijo teh oznak, da bi pridobil bolj napredno znanje.
Povzetek - Osnove HTML-označb: Obsežno vodilo
V tem vodilu si spoznal osnovne elemente HTML-označb. Zdaj veš, kako strukturirati HTML-dokumente, katere oznake so pomembne in kako prikazati vsebino. S tem znanjem si pripravljen na ustvarjanje lastnih spletnih strani.
Pogosta vprašanja
Kako začnem z HTML?Začeti lahko z urejevalnikom besedil, kot je Notepad, ali s specializiranim orodjem, kot je PHP Storm, za pisanje HTML.
Kaj je razlika med <head> in <body>?Oznaka <head> vsebuje nevidne informacije, medtem ko oznaka <body> vsebuje vidno vsebino tvoje spletne strani.
Koliko <h1>-označb naj uporabim v dokumentu?Uporabiti bi moral le eno <h1>-oznako na dokument, saj predstavlja glavni naslov.
Kaj so zaključne oznake?Zaključne oznake so potrebne, da označijo konec določenega območja vsebine.
Ali lahko uporabljam oznake znotraj drugih oznak?Da, gnezdenje oznak je osnovni koncept v HTML.
