HTML

HTML-sivusto koostuu yleensä useasta eri HTML-sivusta. Jokainen sivu on siis tallennettu html-muotoon hakemistorakenteeseen. Esimerkiksi ensimmäinen sivu on minunsivu.html, johon kuuluvat kansiot "harrastukset" ja "lemmikit". Näissä kansioissa on HTML-sivut sekä niihin mahdollisesti liitettyt kuvat. Luodut kansiot "harrastukset" ja "lukeminen" auttavat jäsentämään WWW-sivustoja tehdessä, mutta ne eivät näy WWW-sivuja selatessa muuten kuin selaimen osoitekentässä. Kun olet urheilu-sivullasi, selaimen osoitekentässä näkyy: ".../mina/harrastukset/urheilu.html". Osoitteen alku riippuu kotisivusi palvelimen osoitteesta.

• mina
• etusivu.html
• harrastukset
• urheilu.html
• lukeminen.html
• lemmikit
• koirat.html
• haukku.jpg
• rekku.jpg
• kaverit
• kaverit.html
• omatyyli.css

Linkkien toteuttamista sivulta toiselle opiskellaan kohdassa 3.4 Linkit. omatyyli.css -dokumentti määrittää kotisivujen tyylin. Tyyleistä lisää osioissa 4. Ulkoasu. haukku.jpg ja rekku.jpg ovat kuvia, jotka on liitetty koirat.html -dokumenttiin. Kuvien käsittely opiskellaan kohdassa 2. Käsittely ja kuvien liittäminen HTML-dokumenttiin kohdassa 3.5 Kuvat.

HTML-koodi:

HTML-sivu on muotoilematonta tekstiä, joka kirjoitetaan tekstieditorilla. Tekstiin lisätään HTML-elementtejä, jotta selain tunnistaa dokumentin rakenteen. Elementeillä ympäröidään haluttu tekstin osa siten, että alussa on alkumerkki ja lopussa loppumerkki. Alkumerkki on aina < > ja loppumerkki< / >. Esimerkiksi: < p > tekstikappaleen alku ja tekstikappaleen loppu < /p >.

HTML-elementit:

Kaikki elementit kirjoitetaan pienillä kirjaimilla. Dokumentiin ei tarvitse lisätä välilyöntejä tai rivinvaihtoja, ne hoituvat elementeillä. Jokaisella elementillä täytyy olla alku- ja loppumerkki

• title-elementti on koko dokumentin otsikko, joka näkyy esimerkiksi hakukoneen hakutuloksen linkkitekstinä.
• body-elementti ympäröi dokumentin kappaleita
• p-elementti kertoo dokumentin sisältävän tekstikappaleen

Tallenna tekemäsi HTML-dokumentti .html-muotoon. Esimerkiksi etusivu.html.