HTML on iga veebisaidi alus ja HTML-dokumendi struktuur põhineb nn märkidel. Need märgid aitavad sul sisu korraldada ja määratleda selle struktuuri. Selles artiklis õpid tundma põhilisi kontseptsioone ja olulisi HTML-märke, mis aitavad sul arendada oma veebiprojekte.
Samm-sammult juhend
1. Sissejuhatus HTML-märkidesse
Alustame HTML-märkide põhilise kontseptsiooniga. Põhimõtteliselt on märgid juhised, mida brauserid tõlgendavad sisu vastavalt kuvamiseks. HTML-dokumendi loomisel on oluline, et sul oleks vajalik tarkvara koodi kirjutamiseks. Üks populaarne redaktor on PHP Storm Editor, mis pakub süntaksi esiletõstmist.
2. HTML-dokumendi struktuuri mõistmine
HTML-dokument on ümbritsetud märgiga. See märk on välimine märk ja määratleb, et tegemist on HTML-dokumentiga. Selles dokumendis on kaks põhivaldkonda: päise ( ) ja keha ( ) valdkond. Päise valdkond sisaldab meta-informatsiooni, mis ei kuvata otse veebilehtedel, samas kui keha valdkond hõlmab sinu veebilehe nähtavat sisu.
3. Päise valdkond
Päise valdkonnas saad esitada teavet, nagu pealkirjad, fondid ja lingid teistele ressurssidele, näiteks CSS-stiililehtedele või JavaScripti failidele. Need andmed ei ole kasutajatele nähtavad, kuid aitavad brauseril lehte õigesti kuvada. Tüüpiline näide päise valdkonnast võiks välja näha järgmiselt:
4. Keha valdkond
Keha valdkonnas lisad oma nähtava sisu. Siia tulevad tekstid, pildid, lingid ja muud elemendid, mida kasutaja näha saab. Oluline on märkida, et ka keha valdkond on märgiga kapseldatud, nimelt tähisega.
5. Oluliste HTML-märkide tundmaõppimine
Üks kõige põhjalikumaid HTML-märke on pealkirjamärk.
6. HTML-märkide tuvastamine
7. Märkide kasutamine dokumendis
Kõik sisu, mis asub märgi vahelistes märkides, kuulub sellele märgile.
8. HTML-elementide struktuur
On äärmiselt oluline, et mõistaksid oma HTML-dokumendi struktuuri.
9. Allika kontrollimine
Kui avad oma HTML-faili brauseris, saad samuti kontrollida allikat, et veenduda, et kõik on õigesti rakendatud. Seda saad teha, klõpsates hiire parema nupuga lehe peale ja valides "Kuva lehe allikakood".
10. Kokkuvõte ja edasine õpe
Pärast seda, kui oled tutvustanud põhjalikke märke, saad alustada oma HTML-dokumentide loomist ja katsetamist. Hilisemad juhendid keskenduvad nende märkide struktureerimisele ja korraldamisele, et edasisi teadmisi edastada.
Kokkuvõte – HTML-märkide alused: Üksikasjalik juhend
Selles juhendis oled tutvunud HTML-märkide põhielementidega. Nüüd tead, kuidas struktureerida HTML-dokumente, millised märgid on olulised ja kuidas sisu nähtavaks teha. Selle teadmisega oled valmis looma oma veebilehti.
Korduma kippuvad küsimused
Kuidas alustada HTML-iga?Sa saad kasutada tekstiredaktorit nagu Notepad või spetsialiseeritud tööriista nagu PHP Storm HTML-i kirjutamiseks.
Mis vahe on ja? -märk sisaldab mitte nähtavat informatsiooni, samas kui -märk mahutab sinu veebilehe nähtavat sisu.
Kui palju -märke peaksin dokumentidesse kasutama?Sa peaksid kasutama ainult ühte -märki dokumendi kohta, kuna see esindab pealkirja.
Mis on sulgemismärgid?Sulgemismärgid on vajalikud, et tähistada kindla sisuala lõppu.
Kas ma saan märke kasutada teiste märkide sees?Jah, märkide pesastamine on HTML-i põhimõtteline kontseptsioon.
