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

Kurssisisältö

HTML:n Perusteet

HTML:n Perusteet

1. Verkkokehityksen Ymmärtäminen
2. HTML-Tunnisteet ja -Attribuutit
3. HTML-Dokumentin Rakenne
4. Työskentely Median ja Taulukoiden Kanssa

book
HTML-Tunnisteiden Ymmärtäminen

Sukelletaan HTML:ään, jossa opit käyttämään tageja rakentaaksesi ja jäsentääksesi verkkosisältöäsi, tehden siitä helppolukuista ja vuorovaikutteista.

HTML

Tagi

Tagi on HTML:n perusrakennusosa. Se edustaa elementtiä tai kohdetta verkkosivulla, kuten otsikkoa, luetteloa, tekstikappaletta tai kuvaa. Tagit erotetaan tavallisesta tekstistä kulmasulkeilla. Tagin nimi ja mahdolliset attribuutit sijoitetaan kulmasulkeiden (<>) sisään.

Esimerkiksi alla olevassa koodiesimerkissä meillä on HTML-elementtejä, jotka on kirjoitettu avaus- ja sulkutageilla:

html

index.html

copy

Avaustagi (<tag_name>) merkitsee elementin alkua, kun taas sulkeva tagi (</tag_name>) osoittaa sen päätöksen. Asetat halutun tekstin avaavan ja sulkevan tagin väliin sisällyttääksesi sisältöä elementtiin. Voit suorittaa koodin käyttämällä 'Suorita koodi' -painiketta nähdäksesi, miten elementit renderöidään. 'Palauta' -painike tyhjentää koodin syötteen.

Kommentit

HTML:ssä kommentit voivat tarjota selityksiä tai huomautuksia lähdekoodin sisällä. Ne kirjoitetaan <!-- ... --> syntaksilla. Selain ohittaa kaiken, mitä näiden kommenttitagien sisällä on kirjoitettu, eikä niitä näytetä verkkosivulla. Näillä muutoksilla teksti tarjoaa ytimekkään ja informatiivisen selityksen HTML-käsitteistä, esimerkkikoodinpätkän ja lyhyen yleiskatsauksen kommenteista.

html

index.html

copy

1. Kuinka käärit "My first paragraph" -tekstin oikein HTML <p>-tagiin?

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

question mark

Kuinka käärit "My first paragraph" -tekstin oikein HTML <p>-tagiin?

Select the correct answer

question mark

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

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 1

Kysy tekoälyä

expand
ChatGPT

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

course content

Kurssisisältö

HTML:n Perusteet

HTML:n Perusteet

1. Verkkokehityksen Ymmärtäminen
2. HTML-Tunnisteet ja -Attribuutit
3. HTML-Dokumentin Rakenne
4. Työskentely Median ja Taulukoiden Kanssa

book
HTML-Tunnisteiden Ymmärtäminen

Sukelletaan HTML:ään, jossa opit käyttämään tageja rakentaaksesi ja jäsentääksesi verkkosisältöäsi, tehden siitä helppolukuista ja vuorovaikutteista.

HTML

Tagi

Tagi on HTML:n perusrakennusosa. Se edustaa elementtiä tai kohdetta verkkosivulla, kuten otsikkoa, luetteloa, tekstikappaletta tai kuvaa. Tagit erotetaan tavallisesta tekstistä kulmasulkeilla. Tagin nimi ja mahdolliset attribuutit sijoitetaan kulmasulkeiden (<>) sisään.

Esimerkiksi alla olevassa koodiesimerkissä meillä on HTML-elementtejä, jotka on kirjoitettu avaus- ja sulkutageilla:

html

index.html

copy

Avaustagi (<tag_name>) merkitsee elementin alkua, kun taas sulkeva tagi (</tag_name>) osoittaa sen päätöksen. Asetat halutun tekstin avaavan ja sulkevan tagin väliin sisällyttääksesi sisältöä elementtiin. Voit suorittaa koodin käyttämällä 'Suorita koodi' -painiketta nähdäksesi, miten elementit renderöidään. 'Palauta' -painike tyhjentää koodin syötteen.

Kommentit

HTML:ssä kommentit voivat tarjota selityksiä tai huomautuksia lähdekoodin sisällä. Ne kirjoitetaan <!-- ... --> syntaksilla. Selain ohittaa kaiken, mitä näiden kommenttitagien sisällä on kirjoitettu, eikä niitä näytetä verkkosivulla. Näillä muutoksilla teksti tarjoaa ytimekkään ja informatiivisen selityksen HTML-käsitteistä, esimerkkikoodinpätkän ja lyhyen yleiskatsauksen kommenteista.

html

index.html

copy

1. Kuinka käärit "My first paragraph" -tekstin oikein HTML <p>-tagiin?

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

question mark

Kuinka käärit "My first paragraph" -tekstin oikein HTML <p>-tagiin?

Select the correct answer

question mark

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

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 1
Pahoittelemme, että jotain meni pieleen. Mitä tapahtui?
some-alt