Jebkuras valodas pamatā ir vārdi. HTML valodas "vārdi" ir tagi. Jebkurš HTML tags sākas ar < un beidzas ar > zīmēm. Katram HTML tagam ir noteikta nozīme, ko tas piešķir tekstam vai citam objektam.

Pāra tagi

Lielākā daļa HTML tagu ir pāra tagi. Tie attiecas uz noteiktu teksta daļu, ko norobežo atverošais un noslēdzošais HTML tags, un piešķir šai teksta daļai noteiktu nozīmi dokumentā. Noslēdzošais tags atšķiras no atverošā ar simbolu / pēc <. Pāra tagiem vienmēr ir nepieciešams aizverošais tags.

Pārlūkprogrammas gan pieļauj daudz ko, un mēģinās lapu parādīt arī ar "salauztu" html kodu, kurā ir neaizvērti tagi, bet šādā gadījumā nekad nevar zināt, kāds var iznākt gala rezultāts, neaizvērti tagi iesācējiem bieži sagādā visdažādākās problēmas ar lapas nepareizu attēlošanos.

Piemērs

<h2>Es esmu virsraksts</h2>
<p>Bet es tikai parasts paragrāfa teksts</p>

Rezultāts

HTML tagu piemērs - Es esmu virsraksts

Nepāra tagi

Nepāra tagi darbojas pa vienam - tie neattiecas uz noteiktu satura daļu, bet apzīmē, piemēram, attēla atrašanās vietu vai jaunu rindu tekstā (šeit jāpiebilst, ka HTML valodā jaunas rindas izveidošanai nepietiek ar to, ka teksts kodā tiek pārnests jaunā rindā). Arī šos tagus nepieciešams noslēgt, bet tam nav nepieciešams otrs tags, pietiek ar  / pievienošanu pirms taga beigās esošā > simbola.

Piemērs

Es esmu pirmās rindas teksts, <br />
bet es atrodos otrajā.

Rezultāts

HTML br taga piemērs

Nepāra tagu html valodā ir salīdzinoši maz, biežāk lietotie, ar kuriem Tev varētu nākties saskarties ir šādi:

  • <br /> - pārnes tekstu jaunā rindā
  • <img /> - attēla ievietošanai dokumentā
  • <input /> - datu ievades lauks html formās
  • <hr /> - horizontāla svītra tekstā, paredzēta lai atdalītu dažādas teksta daļas
  • <meta /> - dažāda metainformācija par lapu, kas tiek ievietota dokumenta <head> daļā un nav lietotājam redzama

 

Tagu secība

Ja kāds tags atordas iekšā otrā, tad tam šī taga robežās arī ir jābeidzas.

Pareizi

<p><strong>Teksts treknrakstā</strong></p>

Nepareizi

<p><strong>Teksts treknrakstā</p></strong>

Tagi un to nozīmes

Noderīgi online rīki

Laboja mad, labots 13x