HTML kalbos įvadas

Lukas

HTML yra kalba, kuri apibūdina puslapio struktūrą naršyklei. HTML parodo, ką atvaizduoti puslapyje, bet neparodo kaip. Į klausimą kaip? atsako CSS kalbos taisyklės, kitaip dar vadinamieji - stiliai. Šiame straipsnyje rasite pradinę informaciją apie HTML. Viskas pateikta lietuviškai.

HTML šifruojasi taip: Hyper Text Markup Language
HTML nėra programavimo kalba, tai yra žymėjimo kalba
Žymėjimo kalba yra sudaryta iš tam tikrų elementų - žymių (angl. tag)
Žymės (tag'ai) nurodo naršyklei, ką atvaizduoti puslapyje
Kiekvienas puslapis yra atvaizduojamas HTML pagalba
Puslapio HTML kodas yra vadinamas jo šaltinio kodu (angl. source)

Puslapio HTML kodą visada galima pasižiūrėti. Daugumoje naršyklių jis randamas taip:

Neaktyvioje puslapio dalyje spaudžiame dešinį pelės mygtuką
Pasirenkame View source (Žiūrėti šaltinį/pradinį tekstą)

Pastaba: FireFox, Google Chrome, Opera naršyklėse galite tiesiog paspausti Ctrl+U, Apple Safari - Ctrl+Alt+U

HTML kalba - žymės

HTML žymės paprastai yra vadinamos HTML elementais, liaudiškai - HTML tag'ais, angliškai - html tag.

HTML žymės yra tam tikri raktažodžiai apsupti "<" skliaustais, pvz.: <html>
Dauguma HTML žymių būna poromis, pvz.: <html> ir </html>
Pirmoji žymė poroje yra tos žymės pradinis elementas ir nuo jo pradeda galioti žymės taisyklės. Jos galioja iki tol, kol žymės neuždarome uždarymo žyme. Ji būna tokia pat kaip ir pirmoji tik su pasviru brūkšneliu pradžioje.

Pradžios ir pabaigos žymės dar dažnai vadinamos elemento atidarymo ir uždarymo žymėmis.

Kas yra HTML failas?

HTML failas yra tekstinis failas su HTML žymėmis
HTML failų plėtiniai yra du: *.html arba *.htm
HTML failas gali būti sukurtas naudojant bet kokį paprastą tekstinį redaktorių, pvz.: Notepad, Wordpad ar kt.
HTML failai dažnai vadinami HTML dokumentais arba internetiniais puslapiais

Kai html dokumentą atidarome su naršykle, html žymės naršyklei nurodo, ką atvaizduoti puslapyje, todėl ji neatvaizduoja pačių žymių, bet atvaidzuoja jų turinį.

Pavyzdys nr 1

<html>
  <body>
    <p>Tai mano pirmasis paragrafas</p>
    <p>Tai mano <b>antrasis</b> paragrafas</p>
  </body>
</html>

Kad būtų lengviau suvokti, kaip veikia html kalba, jūsų patogumui sukūrėme "Live" redaktorių "Pabandyk pats". Jį galite rasti pabandyk.manualai.lt.

Pavyzdžio paaiškinimai

Kai naršyklė užkraus puslapį, ji neatvaizduos pačių žymių, ji atvaizduos tai, kas yra tarp jų.

Tekstas tarp žymių yra suprantamas kaip puslapio turinys
Tekstas tarp žymių yra atvaizduojamas naršyklėje
Tekstas tarp <p> ir </p> žymių yra atvaizduojamas kaip paragrafas, nes žymė <p> nurodo paragrafą
Tekstas tarp <strong> ir </strong> žymių - su pastorintu (bold) efektu, nes žymė <strong> nurodo pastorintą šriftą

Su kokiomis programomis rašyti HTML?

Kadangi tai yra tekstinė kalba, tai galima rašyti su paprastu Notepad'u, tačiau daug praktiškiau yra naudoti tobulesnes redagavimo programas: Notepad++, Adobe Dreamweaver, NetBeans, Zend Studio ar kt. Beja, Adobe Dreamweaver ir Zend Studio yra mokami.

Perskaityta: 15804 kartų