Summary  
This chapter explains the syntax and structure of HTML tags—how to use paired opening and closing tags to define elements and how to insert comments that are ignored by the browser.  

General domain of usage  
Web development

HTML (HyperText Markup Language) on kieli, jota käytetään verkkosisällön rakenteistamiseen. HTML-tiedosto (`.html`) kertoo selaimelle, miten teksti, kuvat, listat, taulukot ja muu sisältö näytetään.

Määritelmä

## Mitä ovat tagit?
Tagit ovat HTML:n perusrakennuspalikoita. Ne määrittelevät elementtejä, kuten kappaleita, painikkeita, osioita ja kuvia. Tagit kirjoitetaan kulmasulkeiden sisään: `<tagname>`.

Useimmat tagit esiintyvät pareittain:
- Alkutagi: `<tagname>`;
- Lopputagi: `</tagname>`.

Sisältö sijoitetaan näiden väliin.

PHNlY3Rpb24+U2VjdGlvbiBlbGVtZW50PC9zZWN0aW9uPgo8cD5QYXJhZ3JhcGggZWxlbWVudDwvcD4KPGJ1dHRvbj5CdXR0b24gZWxlbWVudDwvYnV0dG9uPg==

## Kommentit
Kommentit mahdollistavat muistiinpanojen lisäämisen HTML-koodiin. Selain ohittaa ne, joten ne eivät näy sivulla.

PCEtLSBUaGlzIGlzIGEgc2luZ2xlLWxpbmUgY29tbWVudCAtLT4KCjxwPlRoaXMgaXMgYSB2aXNpYmxlIHBhcmFncmFwaC48L3A+Cgo8IS0tClRoaXMgaXMgYSBtdWx0aS1saW5lIGNvbW1lbnQuClVzZWZ1bCBmb3IgZXhwbGFuYXRpb25zIG9yIHRlbXBvcmFyaWx5IGhpZGluZyBjb2RlLgotLT4=

Miten "My first paragraph" -teksti kääritään oikein HTML:n `<p>`-tagiin?

Mitä syntaksia käytetään kommentin jättämiseen?

Opi HTML:n (HyperText Markup Language) perusteet, joka on verkkokehityksen perusta. Tämä aloittelijaystävällinen kurssi kattaa tunnisteet, attribuutit, elementit ja verkkosivujen rakenteen. Hanki käytännön taitoja otsikoiden, kappaleiden, listojen, kuvien, linkkien, lomakkeiden ja taulukoiden luomisessa. Tutustu parhaisiin käytäntöihin, optimointiin ja verkkosivustojen saavutettavuuteen. Aloita verkkokehityksen matkasi HTML:n avulla.

Tutki verkon sisäistä toimintaa. Opi, miten data kulkee verkkojen läpi, tutustu protokollien rooliin ja selvitä IP-osoitteiden ja verkkotunnusten mysteerit. Saa korkeatasoinen ymmärrys siitä, miten verkkoselaimet ja palvelimet kommunikoivat toimittaakseen verkkosisältöä.

Tutustu tunnisteiden voimaan sisällön jäsentämisessä, otsikoista ja kappaleista listoihin ja taulukoihin. Opi, kuinka voit parantaa elementtejä attribuuteilla.

HTML-dokumentin rakenteen ydin. Opi HTML-dokumentin osat, mukaan lukien doctype-ilmoitus, head ja body. Ymmärrä kunkin elementin tarkoitus ja miten ne vaikuttavat verkkosivun kokonaisrakenteeseen.

Tee verkkosivusta houkuttelevampi median, kuten kuvien, äänen ja videon avulla. Työskentele jäsennellyn taulukkomuotoisen datan kanssa taulukoiden muodossa.

Tutustu HTML-lomakkeiden monipuolisuuteen. Opi suunnittelemaan intuitiivisia ja käyttäjäystävällisiä lomakkeita hyödyntämällä keskeisiä käsitteitä ja tekniikoita. Selvitä, kuinka lomakkeet mahdollistavat käyttäjän vuorovaikutuksen ja tietojen lähettämisen verkkosivustoilla.

HTML-tunnisteiden Ymmärtäminen

Mitä ovat tagit?

Kommentit

1. Miten "My first paragraph" -teksti kääritään oikein HTML:n `<p>`-tagiin?

2. Mitä syntaksia käytetään kommentin jättämiseen?

HTML-tunnisteiden Ymmärtäminen

Mitä ovat tagit?

Kommentit

1. Miten "My first paragraph" -teksti kääritään oikein HTML:n `<p>`-tagiin?

2. Mitä syntaksia käytetään kommentin jättämiseen?

HTML-tunnisteiden Ymmärtäminen

Mitä ovat tagit?

Kommentit

1. Miten "My first paragraph" -teksti kääritään oikein HTML:n <p>-tagiin?

2. Mitä syntaksia käytetään kommentin jättämiseen?

HTML-tunnisteiden Ymmärtäminen

Mitä ovat tagit?

Kommentit

1. Miten "My first paragraph" -teksti kääritään oikein HTML:n <p>-tagiin?

2. Mitä syntaksia käytetään kommentin jättämiseen?

1. Miten "My first paragraph" -teksti kääritään oikein HTML:n `<p>`-tagiin?

1. Miten "My first paragraph" -teksti kääritään oikein HTML:n `<p>`-tagiin?