astkhq.cc

Tēma

Darbs ar HTML ​

Kas ir HTML? ​

HTML ir standarta hiperteksta iezīmēšanas valoda (HyperText Markup Language), ko izmanto, lai veidotu tīmekļa lapas.

Kādam nolūkam izmanto HTML? ​

  • Lai izveidotu tīmekļa lapas struktūru
  • Lai aprakstītu tīmekļa lapas saturu (teksts, attēli, tabulas utt.)
  • HTML norāda pārlūkprogrammai, ko attēlot lapā

HTML koda uzbūve ​

HTML dokumenta struktūra atgādina krievu matrjošku – viss saturs atrodas elementā <html></html>, kas tālāk sadalās divās galvenajās daļās:

  • <head></head> – satur informāciju par lapu: valoda, nosaukums pārlūkā, stilu vai citu failu pievienošana
  • <body></body> – satur tas, kas redzams lapā: virsraksti, teksts, tabulas, attēli utt.
HTML koda struktūra (aptlearn.io)

HTML koda struktūra (aptlearn.io)


HTML faila izveide ​

Sākumā izveido failu ar nosaukumu index.html, kur index ir faila nosaukums, bet .html ir faila paplašinājums, kas norāda, ka tas ir HTML dokuments.

Pēc tam šajā failā ievieto HTML pamata struktūru:

index.html
html
<!-- Norāda, ka tas ir HTML dokuments -->
<!DOCTYPE html>
<!-- Lapas galvenais elements -->
<html>
    <!-- Galvene ar informāciju par lapu -->
    <head>
        <!-- Norāda kodējumu, piemēram, latviešu valodai -->
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Lapas nosaukums pārlūkprogrammas cilnē -->
        <title>Dokuments</title>
    </head>
    <!-- Lapas saturs -->
    <body>
        <!-- Galvenais virsraksts -->
        <h1>Sveika, pasaule!</h1>
        <!-- Vienkāršs teksts -->
        <p>Mans pirmais HTML dokuments.</p>
    </body>
</html>

Kad fails index.html ir sagatavots, to var atvērt pārlūkprogrammā.

HTML elementi ​

Katrs HTML elements sastāv no tā sauktajām birkām. Elementam ir sākuma birka <nosaukums> un beigu birka </nosaukums>, bet pa vidu ir saturs.

Piemērs:

Sākuma birka Saturs Beigu birka
<h1> Virsraksts </h1>
<p> Paragrāfs jeb teksts </p>
<br> (nav satura) (nav beigu birkas)