1. HTML5 Esittelyhttps://peda.net/id/c1140cca62015-09-27T19:36:34+03:00https://peda.net/:static/533/peda.net.logo.bg.svg<div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div>
Ensimmäinen HTML5 Mallihttps://peda.net/id/e097d84262015-10-20T14:08:16+03:00<!DOCTYPE html><br/>
<html><br/>
<head><br/>
<title>Sivun nimi</title><br/>
</head><br/>
<body><br/>
<br/>
<h1>Ensimmäinen otsikko</h1><br/>
<p>Täytetekstiä.</p><br/>
<br/>
</body><br/>
</html>2015-09-27T19:29:08+03:00Mikä on HTML ?https://peda.net/id/cc4c60d862015-09-27T20:00:37+03:00HTML on Merkki kieltä jolla saat verkkosivusi käyttäjän näkemään muotoon. <br/>
<br/>
HTML tulee sanoista <em><b>Hypertext Markup Language</b></em><br/>
HTML asiakirjat kuvataan HTML-tageilla<br/>
Jokainen HTML-koodi kuvaa eri asiakirja sisältöä<br/>
<br/>
<b>HTML versiot</b><br/>
Netin alkuajoista lähtien, on ollut monia versioita HTML kielestä.<br/>
<br/>
<table>
<tbody>
<tr>
<td>Versio</td>
<td>Vuosi</td>
</tr>
<tr>
<td>HTML</td>
<td>1991</td>
</tr>
<tr>
<td>HTML 2.0</td>
<td>1995</td>
</tr>
<tr>
<td>HTML 3.2</td>
<td>1997</td>
</tr>
<tr>
<td>HTML 4.01</td>
<td>1999</td>
</tr>
<tr>
<td>XHTML</td>
<td>2000</td>
</tr>
<tr>
<td>HTML5</td>
<td>2014</td>
</tr>
</tbody>
</table>
<br/>
<br/>
<br/>
2015-09-27T19:28:34+03:00Html merkkien selityshttps://peda.net/id/fc598b9862015-09-27T20:01:30+03:00<b>DOCTYPE</b> määrittelee asiakirjan tyypiksi HTML<br/>
Tekstin välillä <b><html></b> ja <b></html></b> kuvaa HTML-asiakirja<br/>
Tekstin välillä <b><head></b> ja <b></head></b> antaa tietoja asiakirjasta<br/>
Tekstin välillä <em><b><title></b> </em>ja <em><b></title></b></em> säädetään asiakirjan otsikko<br/>
Tekstin välillä <em><b><body></b></em> ja <em><b></body></b></em> kuvaa näkyvää sivun sisältöä<br/>
Tekstin välillä <em><b><h1></b></em> ja <em><b></h1></b></em> kuvaa otsikkoa<br/>
Tekstin välillä <em><b><p></b> </em>ja <em><b></p></b></em> kuvaa tiettyä teksin kohtaa<br/>
Eli tällä html koodinpätkällä, web-selain voi näyttää asiakirjan otsikon ja kappaleen.2015-09-27T19:29:55+03:00HTML Tunnisteethttps://peda.net/id/794543fe62015-10-20T18:54:44+03:00HTML-koodit ovat avainsanoja jotka ympäröidään kulmasulkeilla :<br/>
<br/>
<em><b><tagname></b></em> sisältö <em><b></tagname></b></em><br/>
HTML-koodit ovat yleensä pareittain kuten <em><b><p></b></em> ja <em><b></p></b></em><br/>
Ensimmäinen tagipari on alkutunniste, toinen tunniste on lopputunniste<br/>
Lopputunniste on kirjoitettu melkein kuin alkutunniste, mutta kauttaviivalla (jolla saadaan koodi loppumaan)<br/>
<br/>
Web-selaimet<br/>
Selainten tarkoitus ( Chrome , IE , Firefox , Safari ) on lukea HTML-asiakirjoja ja näyttää ne .<br/>
<br/>
Selain ei näytä HTML-tunnisteita, mutta käyttää niitä ja muokkaa ne käyttäjän näkemään muotoon :<br/>
<br/>
Yleiset html tagit millä ilmoitetaan sivuston html muodot<br/>
<br/>
HTML5<br/>
<!DOCTYPE html><br/>
<br/>
HTML 4.01<br/>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <a href="http://www.w3.org/TR/html4/loose.dtd" rel="nofollow ugc noopener">http://www.w3.org/TR/html4/loose.dtd</a> "><br/>
<br/>
XHTML 1.0<br/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" rel="nofollow ugc noopener">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a> "><br/>
<br/>
<br/>
<br/>
2015-09-27T19:33:24+03:00