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

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
<section>Section element</section>
<p>Paragraph element</p>
<button>Button element</button>

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
<!-- This is a single-line comment. It helps explain code but won't appear on the page -->

<p>This is a paragraph that users will see.</p>

<!--
You can also use multi-line comments.
These are great for adding detailed explanations
or temporarily hiding code without deleting it.
-->

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

We use cookies to make your experience better!
some-alt