Kurssisisältö

HTML:n Perusteet

1. Verkkokehityksen Ymmärtäminen

Tervetuloa HTML:n ja Web-kehityksen Parin Mikä on Internet?Kuinka Internet Toimii?Ymmärrä, Miten Verkkosivustot Toimivat Frontend- ja Backend-Kehitys Selitettynä

2. HTML-Tunnisteet ja -Attribuutit

HTML-Tunnisteiden Ymmärtäminen Työskentely HTML-Attribuuttien Kanssa Ymmärrä Parilliset ja Yksittäiset Tunnisteet HTML:ssä Tekstin Merkintä ja Muotoilu HTML:ssä Haaste: Luo Ensimmäinen Verkkosivusi Kappale Haaste: Rakenna Henkilökohtainen Esittelysivu Haaste: Suunnittele Elokuvan Esittelysivu Linkkien ja Painikkeiden Käyttäminen HTML:ssä Haaste: Luo Linkkejä Suosittuihin Verkkosivustoihin HTML-Koodin Validointi Parhaiden Käytäntöjen Mukaisesti

3. HTML-Dokumentin Rakenne

Hyvin Jäsenneltyjen Verkkosivujen Salaisuudet HTML-Dokumentin Rakenteen Ymmärtäminen Asiakirjan Pään Rooli Asiakirjan Virtauksen ja Asettelun Hallinta Haaste: Rakenna HTML-Dokumentti Oikein Kehittäjätyökalujen Käyttäminen HTML:n Tarkasteluun ja Virheenkorjaukseen

4. Työskentely Median ja Taulukoiden Kanssa

Kuvien Lisääminen HTML:ään Haaste: Työskentele Kuvien Kanssa Työskentely Klikattavien Kuvien, Kuvatekstien ja Optimoinnin Kanssa Vektori- ja Rasterigrafiikan Ymmärtäminen Äänen ja Videon Upottaminen Rikasta Mediaa Sisältöä Varten Haaste: Upota Ääni ja Video HTML:ään Taulukoiden Luominen ja Jäsentäminen HTML:ssä Haaste: Suunnittele Toimiva HTML-taulukko

5. HTML-Lomakkeet ja Käyttäjän Syöte

Johdanto HTML-Lomakkeisiin Lomakkeiden Luomisen Perusteet HTML:ssä Käyttämällä Nimilappuja Paremman Lomakkeen Saavutettavuuden Takaamiseksi Lomakkeiden Parantaminen Syöteattribuuteilla Erilaisten Syöttötyyppien Tutkiminen HTML:ssä Haaste: Luo Lomake Syötteillä ja Nimikkeillä Työskentely Textarea-Elementin Kanssa Monirivistä Syöttöä Varten Using the Select Element for Avattavissa Valikoissa Datalist-Elementin Käyttäminen Ennalta Määritettyihin Syötevihjeisiin Lomake-Elementtien Ryhmittely Paremman Rakenteen Saavuttamiseksi

HTML-Dokumentin Rakenteen Ymmärtäminen

HTML-dokumentti näyttää tunnistepuulta. Seuraava joukko tunnisteita edustaa vähimmäismäärää, joka vaaditaan mihin tahansa HTML-dokumenttiin ja toimii sen perustana, kuten talon perusta.

index.html

Dokumenttityypin ilmoitus

<!DOCTYPE > ei katsota tunnisteeksi, vaan pakolliseksi ilmoitukseksi, joka määrittää dokumentin tyypin ja version. Tämä ilmoitus on välttämätön, jotta selain voi tulkita ja näyttää HTML-dokumentin oikein. Doctypeen perustuen selain voi näyttää sivun oikein. Dokumenttityypin ilmoituksen on oltava ensimmäinen asia, jonka selain kohtaa työskennellessään HTML-dokumentin kanssa.

index.html

Ylä-tason elementit

Ylä-tason elementit on suunniteltu luomaan verkkosivun perusrakenne ja tunnistamaan dokumentin pää- ja runko-osat.

html

HTML-dokumentin juurielementti on <html>-tagi, joka toimii säiliönä kaikelle sivun sisällölle. Se on ensimmäinen tagi, joka esiintyy HTML-dokumentissa ja määrittää dokumentin HTML-koodin alun ja lopun. Mikään <html>-tagin ulkopuolella ei tunnisteta HTML-koodiksi selaimen toimesta eikä sitä käsitellä. Attribuuttia lang käytetään tunnistamaan tekstisisällön kieli.

index.html

head

HTML-dokumentin <head>-tagi sisältää verkkosivun metatiedot, kuten sivun otsikon, kuvauksen, koodauksen jne. Tämä tieto on näkymätön selaimen ikkunassa. Se kuitenkin ohjeistaa selainta sivun käsittelyssä ja näyttämisessä.

index.html

body

<body>-tagi sisältää kaikki verkkosivun näkyvät sisällöt, kuten tekstit, kuvat, linkit ja multimedia. Se on pääosio, johon verkkosivuston tekijät lisäävät sisällön, jonka käyttäjät näkevät selainikkunassa.

index.html

1. Mitkä ovat HTML-dokumentin vähimmäisvaatimuksena olevat tagit, jotka toimivat perustana mille tahansa HTML-dokumentille?

2. Mitkä ovat oikeat väittämät?

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 3. Luku 2

Kysy tekoälyä

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

Kurssisisältö

HTML:n Perusteet

1. Verkkokehityksen Ymmärtäminen

Tervetuloa HTML:n ja Web-kehityksen Parin Mikä on Internet?Kuinka Internet Toimii?Ymmärrä, Miten Verkkosivustot Toimivat Frontend- ja Backend-Kehitys Selitettynä

2. HTML-Tunnisteet ja -Attribuutit

3. HTML-Dokumentin Rakenne

4. Työskentely Median ja Taulukoiden Kanssa

5. HTML-Lomakkeet ja Käyttäjän Syöte

HTML-Dokumentin Rakenteen Ymmärtäminen

HTML-dokumentti näyttää tunnistepuulta. Seuraava joukko tunnisteita edustaa vähimmäismäärää, joka vaaditaan mihin tahansa HTML-dokumenttiin ja toimii sen perustana, kuten talon perusta.

index.html

Dokumenttityypin ilmoitus

index.html

Ylä-tason elementit

Ylä-tason elementit on suunniteltu luomaan verkkosivun perusrakenne ja tunnistamaan dokumentin pää- ja runko-osat.

html

index.html

head

index.html

body

index.html

1. Mitkä ovat HTML-dokumentin vähimmäisvaatimuksena olevat tagit, jotka toimivat perustana mille tahansa HTML-dokumentille?

2. Mitkä ovat oikeat väittämät?

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 3. Luku 2