HTML-koodit
https://peda.net/id/671f1ce8d
2016-02-15T08:43:20+02:00
https://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>
Peruskoodeja
https://peda.net/id/89bbf6d6d
2016-02-17T10:47:14+02:00
<table>
<tbody>
<tr>
<td>
<p><html></html></p>
</td>
<td>
<p>Sivun aloittava ja lopettava koodi joka osoittaa selaimelle että kyse on html tiedosto.</p>
</td>
</tr>
<tr>
<td>
<p><head></head></p>
</td>
<td>
<p>Header-osan aloittava ja lopettava koodi jonne laitetaan mm. title, metatagit, css ja javascript tiedostojen linkit à tiedostot, jotka muokkaavat tavalla tai toisella sivuston ulkoasua/toimintaa</p>
</td>
</tr>
<tr>
<td>
<p><title></title></p>
</td>
<td>
<p>Selaimen ikkunassa näkyvän otsikon aloittava ja lopettava koodi.</p>
</td>
</tr>
<tr>
<td>
<p><body></body></p>
</td>
<td>
<p>Varsinaisen sivurungon aloittava ja lopettava koodi.</p>
</td>
</tr>
<tr>
<td>
<p><br></br></p>
</td>
<td>
<p>Sitova rivinvaihto</p>
</td>
</tr>
<tr>
<td>
<p><b></b> tai</p>
<p><strong> </strong></p>
</td>
<td>
<p><strong>Lihavoi</strong></p>
</td>
</tr>
<tr>
<td>
<p><i> </i></p>
</td>
<td>
<p><em>Kursivoi</em></p>
</td>
</tr>
<tr>
<td>
<p><u> </u></p>
</td>
<td>
<p><span class="editor underline">Alleviivaa</span></p>
</td>
</tr>
<tr>
<td>
<p><font color=”black”> </font></p>
</td>
<td>
<p>Fontin väri</p>
</td>
</tr>
<tr>
<td>
<p><font size=”10pt”> </font></p>
</td>
<td>
<p>Fontin koko</p>
</td>
</tr>
<tr>
<td>
<p><font face=”arial”> </font></p>
</td>
<td>
<p>Fontin tyyppi</p>
</td>
</tr>
<tr>
<td>
<p><body background=”kuva.jpg”><br/>
<body bgcolor="red"></p>
</td>
<td>
<p>Taustakuva<br/>
Taustaväri</p>
</td>
</tr>
<tr>
<td>
<p><img src=”kuvan osoite” /></p>
</td>
<td>
<p>Kuvan lisääminen</p>
</td>
</tr>
<tr>
<td>
<p><a href=”<a href="http://www.harjavalta.fi" rel="nofollow ugc noopener">http://www.harjavalta.fi</a>”></p>
<p>Harjavallan kotisivut</a></p>
</td>
<td>
<p>Linkki</p>
</td>
</tr>
<tr>
<td>
<p><br></p>
</td>
<td>
<p>Rivinvaihto</p>
</td>
</tr>
<tr>
<td>
<p><p> </p></p>
</td>
<td>
<p>Kappale</p>
</td>
</tr>
</tbody>
</table>
2016-02-15T08:44:18+02:00
Värikoodeja
https://peda.net/id/38e96d4cd3
2016-02-15T11:41:00+02:00
Perusvärit voi koodata värin nimellä (esim. red, black, white, yeallow, green, blue jne.), mutta turvallisempaa on käyttää 7-merkkisiä värikoodeja.<br/>
<ul>
<li>#000000 on musta</li>
<li>#ffffff on valkoinen</li>
<li>#ff0000 on punainen</li>
<li>#008000 on vihreä</li>
<li>#0000ff on sininen</li>
<li>#ffff00 on keltainen</li>
<li>#660000 on ruskea</li>
</ul>
<br/>
Lisää värekoodeja <a href="http://salakapakka.net/oppaat/html-ja-css-opas/html_opas_varit.php" target="_blank" rel="nofollow ugc noopener">täällä</a> ja <a href="http://html-color-codes.info/" target="_blank" rel="nofollow ugc noopener">täällä</a>.
2016-02-15T11:41:00+02:00