HTML for Kids · Oppitunti

Mikä HTML on?

Oppikaa HTML:n perusteet ja ymmärtäkää, miksi se on tärkeä web-sivujen luomisessa.

Oppitunti 1/410 vaihetta

Mikä HTML on? on ilmainen HTML for Kids-oppitunti CoddyKitissä. Tämä on oppitunti 1/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu HTML for Kids-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. HTML for Kids-kurssilla on yhteensä 4 oppituntia.

Mikä HTML on?

Tervetuloa HTML:n maailmaan! Tänään tutustumme siihen, mitä HTML on ja miksi se on niin tärkeä. Oppitunnin lopussa tiedät verkkosivujen luomisen perusteet.

Mistä HTML on lyhenne?

HTML on lyhenne sanoista HyperText Markup Language. Se on kieli, jolla verkkosivuja luodaan.

Ajattele HTML:ää verkkosivun rakennuspiirustuksena. Se kertoo selaimelle, miten teksti, kuvat ja muut elementit näytetään.

Miksi HTML on tärkeä?

HTML on tärkeä, koska se:

rakentaa verkkosivuja: jokainen vierailemasi verkkosivu on luotu HTML:n avulla.
on yksinkertainen ja tehokas: se on helppo oppia, mutta sillä voi luoda upeita asioita!
on yleismaailmallinen: HTML toimii kaikilla laitteilla ja selaimilla.

Ilman HTML:ää internet ei näyttäisi yhtä hienolta kuin nyt!

HTML käytännössä

Tässä on yksinkertainen HTML-esimerkki:

<!DOCTYPE html>
<html>
  <head>
    <title>My First Page</title>
  </head>
  <body>
    <h1>Welcome to My Page!</h1>
    <p>This is a paragraph of text.</p>
  </body>
</html>

Miten HTML toimii

HTML käyttää tunnisteita sisällön jäsentämiseen. Tunnisteet ovat säilöjen kaltaisia, ja ne kertovat selaimelle, mitä tehdä.

Aloitustunniste: <h1>
Lopetustunniste: </h1>
Sisältö: tunnisteiden sisällä oleva teksti tai tieto.

Yhdessä ne muodostavat elementin: <h1>Hello</h1>

HTML-koodin tarkasteleminen

Voit tarkastella minkä tahansa verkkosivun taustalla olevaa HTML-koodia!

Napsauta verkkosivua hiiren kakkospainikkeella.
Valitse View Page Source.
Uuteen välilehteen avautuu HTML-koodi!

Kokeile tätä suosikkisivustollasi ja katso, miten se on rakennettu.

HTML on kaikkialla!

HTML:ää ei käytetä vain verkkosivuilla. Sitä käytetään myös:

sähköposteissa: näyttävissä sähköpostimalleissa.
peleissä: yksinkertaisissa selainpohjaisissa peleissä.
sovelluksissa: verkkoteknologioita käyttävissä mobiilisovelluksissa.

HTML:n oppiminen on ensimmäinen askel verkkosisällön luojaksi!

Kokeile HTML:n kirjoittamista!

Tässä on yksinkertainen HTML-rakenne. Kokeile kirjoittaa se itse:

<!DOCTYPE html>
<html>
  <head>
    <title>My Test Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is my first HTML page.</p>
  </body>
</html>

Hienoa työtä!

Olet oppinut, mitä HTML on ja miksi se on tärkeä. Olet myös nähnyt, miten HTML-koodia kirjoitetaan, ja oppinut sen rakenteen. Seuraavalla oppitunnilla syvennymme HTML:n maailmaan!

Aloita maksutta

Opi HTML tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit: 16
Oppitunnit: 35

Aloita opiskelu maksutta Näytä koko kurssi

Usein kysytyt kysymykset

Onko oppitunti ”Mikä HTML on?” ilmainen?

Kyllä – oppitunnin ”Mikä HTML on?” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko HTML for Kids-kurssin, päivitä CoddyKit PROhon. HTML for Kids-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Mikä HTML on?”?

Oppikaa HTML:n perusteet ja ymmärtäkää, miksi se on tärkeä web-sivujen luomisessa. Harjoittelet HTML for Kids-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni HTML for Kids-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin HTML for Kids-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 1/4.

Kuinka kauan ”Mikä HTML on?”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä HTML for Kids-oppitunnilla?

Kyllä. Jokainen HTML for Kids-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

← Takaisin: HTML for Kids