HTML ir Hyper Text Markup Language. HTML valoda sastāv no iezīmēšanas tagiem. HTML dokumenti sastāv no HTML tagiem. Katrs tags apzīmē kādu dokumenta elementu. <tags> saturs </tags>.
Ir pāra un nepāra tagi. Para tagi ir, kas vienmēr ir pa divi, piemēram <p> Šeit ir teksts.</p> (apzīmē paregrāfu). Nepāra tagi ir pa vienam, piemēram <br> (pārnes tekstu jauna rindā).
Kā zināt kuri tagi ir pāra, kuri nepāra? Nepāra tagu ir pavisam maz, tādēļ tos viegli atcerēties no galvas (piemēram,<br> – jauna rinda, <hr> – horizontāla līnija).
HTML versiju vēsture
1989. gadā Tims Berners-Lee izgudroja www
1991. gadā Tim Berners-Lee izgudroja HTML
1993. gadā HTML+
1995. gadā HTML darba grupa definēja HTML 2.0
1997. gadā HTML 3.2
1999. gadā HTML 4.01
2000. gadā XHTML 1.0
2008. gadā WHATWG HTML5 pirmais publiskais izlaidums
2012. gadā WHATWG HTML5 Living Standard
2014. gadā HTML5
2016. gadā HTML 5.1
2017. gadā HTML5.1 2. versija
2017. gadā HTML5.2
Teksta redaktori
Mājas lapas var izveidot un rediģēt, izmantojot gan profesionālus HTML redaktorus, gan vienkāršu teksta redaktoru, kas ir pieejami katrā datorā.
Lai izveidotu savu pirmo HTML dokumentu Jums būs nepieciešams teksta redaktors. Varat darboties kaut vai Notepad vai Textedit, kas atrodams Jūsu datorā! Tomēr ērtības labad, es Jums iesaku izvēlēties Notepad ++ teksta redaktoru, kuru var lejupielādēt bezmaksas šeit vai Sublime text redaktoru, kas pieejams šeit vai Brackets redaktoru.
HTML dokumenta izveide
-
- Atveriet teksta redaktoru un izveidojiet .html failu ar nosaukumu index.html. Kapēc index.html?Pārlūkprogrammas pēc noklusējuma index.html failu atpazīst kā mājas lapas galveno failu. Mājas lapa sastāv no vairākiem dokumentiem, kas ir savā starpā savienoti ar saitēm. Index.html parasti izmanto priekš mājas lapas sākumlapas.
- HTML dokumentiem ir noteikta struktūra, kas jaeevēro, lai atbilstu standartiem un viss darbotos. Izveidojiet HTML dokumentam šādu struktūru:
- Atveriet teksta redaktoru un izveidojiet .html failu ar nosaukumu index.html. Kapēc index.html?Pārlūkprogrammas pēc noklusējuma index.html failu atpazīst kā mājas lapas galveno failu. Mājas lapa sastāv no vairākiem dokumentiem, kas ir savā starpā savienoti ar saitēm. Index.html parasti izmanto priekš mājas lapas sākumlapas.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Mana pirmā mājas lapa - Mana lapa</title>
<meta name="description" content="Šeit jāievieto meta apraksts par Jūsu mājas lapu.Šī info tiek attēlota meklēšanas rezultātos.">
</head>
<body>
<h1>Par mani</h1>
<p>Es izstrādātu savu pirmo mājas lapu. Šis ir mans pirmais paregrāfs.</p>
</body>
<footer>
Izstrādāts 2020
</footer>
</html>
Lai aplūkotu savu HTML dokumentu interneta pārlūkā, izvēlieties atvērt failu ar kādu no interneta pārlūkiem, kas uzstādīti Jūsu datorā.
Ja izmantojat Notepad ++, tad Jaizvēlas komanda Run (Palaist) un jāizvēlas pārlūkprogramma, kura vēlaties atvērt savu dokumentu.
Ja lietojat Brackets editoru, tad, saglabājiet izmaiņas un izvēlieties File –Live Preview
Ar DOCTYPE
apzīmē dokumenta tipu. Ir dažādi tīmekļa dokumentu tipi. Lai interneta pārlūks korekti attēlotu dokumenta saturu.
Teksts starp tagu <html>un noslēdzošo tagu </html>
apzīmē, ka tas ir tīmekļa dokuments.
Mājas lapas galvenes jeb head tagos atrodamā informācija nosaka mājas lapas vispārīgās īpašības (Piemērā meta charset, kas apzīmē valodas kodējumu, tas nepieciešams, lai pārlūks atpazītu arī latviešu valodas zīmes). Kā arī mājas lapas nosaukumu title un meta description -aprakstu. Title un meta description palīdz arī dažādiem meklētājservisiem saprast par, ko ir mājas lapa. Ieteicamais meta apraksta garums ir no 150 – 160 simboliem.
Teksts starp tagu <body>un noslēdzošo tagu </body>
apzīmē lapā redzamo dokumenta saturu.
Teksts starp tagu <h1> un noslēdzošo tagu </h1>
apzīmē, ka tur ir pirmā līmeņa virsraksts. Ir sešu līmeņu HTML virsraksti no h1 līdz h6. h1 ir vissvarīgākais virsraksts dokumentā, savukārt h6 vismazsvarīgākais virsraksts. Katrā mājas lapas sadaļā drīkst būt tikai viens h1 virsraksts, ja vēlaties veidot lapu atbilstoši SEO vadlīnijām. HTML virsrakstus lieto virsraksta nozīmes noteikšanai, nevis izmēra noteikšanai (izmēru un stilu definē CSS).
Teksts starp <p>un noslēdzošo tagu</p>
apzīmē, ka tur atrodas paregrāfs.
<title> tagā jāraksta nosaukums, tur vislabāk rakstīt atslēgvārdu par ko ir konrkētā mājas lapas sadaļa. Rekomendējamais fomrāts priekš title ir <title>Primārais atslēgvārds - Mājas lapas nosaukums</title>
HTML kodā var pievienot arī komentārus, kas nebūs redzami pašā mājas, bet būs redzami html dokumentā. Komentārus vari pievienot, kamēr mācies, lai atcerētos, kas ir kas.
HTML dokumentā komentāru var pievienot izmantojot šādu formātu:
<!-- Šis ir HTML komentārs -->
Autors: Dagnija Ivdra