HTML koodia

Sivulla on kerätty yleisimpiä HTML- tageja. XHTML-koodi sisältää osin samoja tageja mutta poikkeuksiakin on. On muistettava, että XHTML tagi vaatii aina lopetuksen.

Tarkoitus ei ole pitää sivulla esillä kaikkia olemassa olevia tageja. Pyrkimyksenä on pitää listaa yleisimmistä tageista.

Erikoismerkit, Kappale, Kuva, Linkki, Lista, Numeroitu lista, Rivinvaihto, Tagit, Taulukko, Vaakasuora viiva

Linkki

tälle sivulle takaisin

code:

<a href="html.html">t&auml;lle sivulle takaisin</a>

Kuva

vaihtoehto teksti

code:

<img src="../kansio/kuva.gif" width="100" height="20" border="0" alt="vaihtoehto teksti">

Erikoismerkit eli entiteetit

merkki koodi XHTML

ä

 &auml;

Ä

 &Auml;

ö

 &ouml;

Ö

 &Ouml;

<

 &lt;

>

 &gt;
" &quot;
€ &#x20AC; &#8364;

code:

<a href="html.html">sivulle takaisin</a>

Tagit merkitys tagi XHTML
Taulukko <table></table>
Otsikkorivi <caption> </caption>
otsikkosolu <th> </th>
rivi <tr> </tr>
solu <td> </td>
vaakakeskitys vasen keskitys align="left"
keskitys keskelle align=""center""
oikea keskitys align="right"
Pysty keskitys keskitys ylös td valign="top"
keskitys keskelle valign="middle"
keskitys alas valign="bottom"

rivinvaihto

<br>

<br />
kappale <p> </p>
vaakasuora viiva

<hr >

<hr / >
Listat numeroimaton aloitus

<ul></ul>
listan rivi <li></li>

numeroidun listan aloitus <ol></ol>
listan rivi <li><li>

Table

code:

<table border="1" cellpadding="4" cellspacing="2">
<tr>
<th><-- otsikkorivi--></th>
<th><-- otsikkorivi--></th>
<th><-- otsikkorivi--></th>
<th><-- otsikkorivi--></th>
</tr>
<tr>
<td><!--R1- S1--></td>
<td><!--R1 - S2--></td>
<td><!--R1 - S3--></td>
<td><!--R1 - S4--></td>
</tr>
<tr>
<td><!--R2- S1--></td>
<td><!--R2- S2--></td>
<td><!--R2- S3--></td>
<td><!--R2- S4--></td>
</tr>
<tr>
<td><!--R3- S1--></td>
<td><!--R3- S2--></td>
<td><!--R3- S3--></td>
<td><!--R3- S4--></td>
</tr>
<tr>
<td><!--R4- S1--></td>
<td><!--R4- S2--></td>
<td><!--R4- S3--></td>
<td><!--R4- S4--></td>
</tr>
</table>