HTML 

5

Parengė: Martynas Kašelionis

From zero to hero

HTML paskirtis

HTML  ženklinimo kalba, kurios pagalba aprašoma tinklapio struktūra, bei turinys.

Tai tarsi blokai, kurie apibrėžia atskiras tinklapio dalis. 

HTML nėra atsakinga už tinklapio apipavidalinimą.

HTML nėra programavimo kalba!

Pagrindinės sąvokos

• Hipertekstas  (angl. hypertext) - tai tekstas susietas su kitais tekstais per saitus (angl. hyperlink) 
• Dokumentai, kuriuose informacija pateikiama hipertekstu, vadinami tinklapiais (ang. web page)
• Interneto svetainę  (angl. web site) sudaro rinkinys tinklapių.
• Atskiros tinklapių dalys (žodžiai, frazės, paveikslai, mygtukai) siejamos nuorodomis (saitai)

Kas yra HTML?

• HTML - HyperText Markup Language
• HTML  yra kompiuterinė hiperteksto žymėjimo kalba, kuri naudojama pateikti turinį internete.

HTML standartas

• HTML yra pasaulinio žiniatinklio konsorciumo (www.w3.org) standartizuojamas atviras formatas (standartas)

Kodo redaktoriai

Redaktoriai:

• SublimeText
• Atom
• Notepad++
• ir kt.

IDE:

• PHPstorm
• Netbeans
• ir kt.

HTML dokumentas

HTML dokumentą sudaro HTML elementai , kurie grupuojami į pagrindines dokumento dalis: head ir body. Elementų pagalba aprašoma tinklapio struktūra, bei turinys.

HTML dokumento struktūra:

HTML elemento anatomija

Pagrindinės elemento dalys:

• Atidarančioji žymė <p> - ją sudaro specialūs simboliai, bei elemento pavadinimas. Ji apibrėžia elemento pradžią
• Uždarančioji žymė </p> - ją sudaro specialūs simboliai, pasviras brūkšnelis, bei elemento pavadinimas. Ji apibrėžia elemento pabaigą. 

HTML elemento anatomija

Pagrindinės elemento dalys:

• Turinys - elemento turinys, tarp žymių

Žymės ir turinys sudaro HTML elementą.

HTML elemento anatomija

Pastaba: Egzistuoja "tuštieji" HTML elementai, kurie neturi uždarančiosios žymės.

HTML elemento anatomija

HTML dokumento struktūra