HTML-pikaoppa

Comosta CodeW3C.com peräisin oleva HTML-pikaoppa. Voit tulostaa sen päivittäistä käyttöä varten.

HTML-perustiedosto

<html>
<head>
<title>Dokumentin nimi menee tähän</title>
</head>
<body>
Näkyvä teksti menee tähän
</body>
</html>

Tekstielementti

<p>Tämä on kappale</p>
<br> (paragraph break)
<hr> (vaakarivi)
<pre>Tämä teksti on ennalta muotoiltu</pre>

looginen tyyli

<em>Tämä teksti on painotettu</em>
<strong>Tämä teksti on korostettu</strong>
<code>Tämä on tietokonekoodia</code>

fysiillinen tyyli

<b>Tämä teksti on lihavoitu</b>
<i>Tämä teksti on kursiivissa</i>

linkit, ankkurit, kuvaelementit

<a href="http://www.example.com/">Tämä on linkki</a>
<a href="http://www.example.com/"><img src="URL"
alt="Vaihtoehtoinen teksti"></a>
<a href="mailto:webmaster@example.com">Lähetä sähköpostia</a> Nimetty ankkuri:
<a name="tips">Hyödyllisten vinkkien osio</a>
<a href="#tips">Siirry hyödyllisiin vinkkeihin osioon</a>

ei-järjestetty luettelo

<ul>
<li>Ensimmäinen kohta</li>
<li>Seuraava kohta</li>
</ul>

järjestetty luettelo

<ol>
<li>Ensimmäinen kohta</li>
<li>Seuraava kohta</li>
</ol>

määritelmälista

<dl>
<dt>Ensimmäinen termi</dt>
<dd>Määritelmä</dd>
<dt>Seuraava termi</dt>
<dd>Määritelmä</dd>
</dl>

taulukko

<table border="1">
<tr>
  <th>jotainta otsikkoa</th>
  <th>jotainta otsikkoa</th>
</tr>
<tr>
  <td>jotainta tekstiä</td>
  <td>jotainta tekstiä</td>
</tr>
</table>

kehys

<frameset cols="25%,75%">
　 <frame src="page1.htm">
　 <frame src="page2.htm">
</frameset>

lomake

<form action="http://www.example.com/test.asp" method="post/get">
<input type="text" name="lastname"
value="Nixon" size="30" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit">
<input type="reset">
<input type="hidden">
<select>
<option>Appelsiinit
<option selected>Banaanit
<option>Ruusut
</select>
<textarea name="Comment" rows="60"
cols="20"></textarea>
</form>

Entiteetit

< on sama kuin <
> on sama kuin >
© on sama kuin ©

Muut elementit

<!-- Tämä on kommentti -->
<blockquote>
Teksti lainattu jostakin lähteestä.
</blockquote>
<address>
Osoite 1<br>
Osoite 2<br>
Kaupunki<br>
</address>

Lähde: http://www.codew3c.com/html/html_quick.asp