1. Sākums
  2. Dokumentācija
  3. HTML un CSS pamācības – kā izveidot mājas lapu bez priekšzināsanām 2020
  4. Ievads HTML – pamācība

Ievads HTML – pamācība

pamācība ievads htmlHTML 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).

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.

    1. 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. index html faila saglabāšana
    2. HTML dokumentiem ir noteikta struktūra, kas jaeevēro, lai atbilstu standartiem un viss darbotos.  Izveidojiet HTML dokumentam šādu struktūru:

<!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>

html dokumenta struktūra

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ā. index html faila atvēršana interneta pārlūkā

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 PreviewBrackets live preview

html dokumenta pārlūkošana interneta pārlūkā

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 -->

html komentāra pievienošana

Vai šis raksts Jums noderēja? 5

Sazinies ar mums!