1. HTML5 Esittely
Mikä on HTML ?
HTML on Merkki kieltä jolla saat verkkosivusi käyttäjän näkemään muotoon.
HTML tulee sanoista Hypertext Markup Language
HTML asiakirjat kuvataan HTML-tageilla
Jokainen HTML-koodi kuvaa eri asiakirja sisältöä
HTML versiot
Netin alkuajoista lähtien, on ollut monia versioita HTML kielestä.
HTML tulee sanoista Hypertext Markup Language
HTML asiakirjat kuvataan HTML-tageilla
Jokainen HTML-koodi kuvaa eri asiakirja sisältöä
HTML versiot
Netin alkuajoista lähtien, on ollut monia versioita HTML kielestä.
| Versio | Vuosi |
| HTML | 1991 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2014 |
Html merkkien selitys
DOCTYPE määrittelee asiakirjan tyypiksi HTML
Tekstin välillä <html> ja </html> kuvaa HTML-asiakirja
Tekstin välillä <head> ja </head> antaa tietoja asiakirjasta
Tekstin välillä <title> ja </title> säädetään asiakirjan otsikko
Tekstin välillä <body> ja </body> kuvaa näkyvää sivun sisältöä
Tekstin välillä <h1> ja </h1> kuvaa otsikkoa
Tekstin välillä <p> ja </p> kuvaa tiettyä teksin kohtaa
Eli tällä html koodinpätkällä, web-selain voi näyttää asiakirjan otsikon ja kappaleen.
Tekstin välillä <html> ja </html> kuvaa HTML-asiakirja
Tekstin välillä <head> ja </head> antaa tietoja asiakirjasta
Tekstin välillä <title> ja </title> säädetään asiakirjan otsikko
Tekstin välillä <body> ja </body> kuvaa näkyvää sivun sisältöä
Tekstin välillä <h1> ja </h1> kuvaa otsikkoa
Tekstin välillä <p> ja </p> kuvaa tiettyä teksin kohtaa
Eli tällä html koodinpätkällä, web-selain voi näyttää asiakirjan otsikon ja kappaleen.
HTML Tunnisteet
HTML-koodit ovat avainsanoja jotka ympäröidään kulmasulkeilla :
<tagname> sisältö </tagname>
HTML-koodit ovat yleensä pareittain kuten <p> ja </p>
Ensimmäinen tagipari on alkutunniste, toinen tunniste on lopputunniste
Lopputunniste on kirjoitettu melkein kuin alkutunniste, mutta kauttaviivalla (jolla saadaan koodi loppumaan)
Web-selaimet
Selainten tarkoitus ( Chrome , IE , Firefox , Safari ) on lukea HTML-asiakirjoja ja näyttää ne .
Selain ei näytä HTML-tunnisteita, mutta käyttää niitä ja muokkaa ne käyttäjän näkemään muotoon :
Yleiset html tagit millä ilmoitetaan sivuston html muodot
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd ">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<tagname> sisältö </tagname>
HTML-koodit ovat yleensä pareittain kuten <p> ja </p>
Ensimmäinen tagipari on alkutunniste, toinen tunniste on lopputunniste
Lopputunniste on kirjoitettu melkein kuin alkutunniste, mutta kauttaviivalla (jolla saadaan koodi loppumaan)
Web-selaimet
Selainten tarkoitus ( Chrome , IE , Firefox , Safari ) on lukea HTML-asiakirjoja ja näyttää ne .
Selain ei näytä HTML-tunnisteita, mutta käyttää niitä ja muokkaa ne käyttäjän näkemään muotoon :
Yleiset html tagit millä ilmoitetaan sivuston html muodot
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd ">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">