Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele HTML-tunnisteiden Ymmärtäminen | HTML-Tunnisteet ja -Attribuutit
HTML:n Perusteet

HTML-tunnisteiden Ymmärtäminen

Pyyhkäise näyttääksesi valikon

Note
Määritelmä

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.

Mitä ovat tagit?

Tagit ovat HTML:n perusrakennuspalikoita. Ne määrittelevät elementtejä, kuten kappaleet, painikkeet, osiot ja kuvat. Tagit kirjoitetaan kulmasulkeiden sisään: <tagname>.

Useimmat tagit esiintyvät pareittain:

  • Avaustagi: <tagname>;
  • Sulkutagi: </tagname>.

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

index.html

index.html

Koodin kuvaus
expand arrow

Tämä HTML-koodi koostuu kolmesta elementistä:

  • <section>: edustaa osioelementtiä, jota käytetään yleensä ryhmittelemään toisiinsa liittyvää sisältöä;
  • <p>: edustaa kappale-elementtiä, jota käytetään tekstilohkon määrittelyyn;
  • <button>: edustaa painiketta, jota voidaan klikata toiminnon suorittamiseksi.

Ei huolta, kaikkia näitä elementtejä ja monia muita käsitellään tarkemmin tulevissa luvuissa. Tämä on vain yksinkertainen esimerkki alkuun pääsemiseksi.

Kommentit

Kommenttien avulla voit lisätä huomautuksia HTML-koodiisi. Selain ohittaa ne, joten ne eivät näy sivulla.

index.html

index.html

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

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

question mark

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

Valitse oikea vastaus

question mark

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

Valitse oikea vastaus

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 1

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Osio 2. Luku 1
some-alt