1. HTML5 Esittely

Ensimmäinen HTML5 Malli

2015-10-20T14:08:16+03:00

<!DOCTYPE html>
<html>
<head>
<title>Sivun nimi</title>
</head>
<body>

<h1>Ensimmäinen otsikko</h1>
<p>Täytetekstiä.</p>

</body>
</html>

Mikä on HTML ?

2018-01-26T10:21:40+02:00

HTML on merkkikieltä, jonka verkkoselain tulkitsee käyttäjän näkemään muotoon. Lyhenne HTML tulee sanoista Hypertext Markup Language. HMTL-merkkikieli koostuu erilaisista tageista, joista jokainen vastaa verkkosivuilla nähtäviä eri osia.

HTML Tunnisteet

2015-10-20T18:54:44+03:00

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 ">

Html merkkien selitys

2015-09-27T20:01:30+03:00

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.