wiki.smarken.dk

I dette afsnit gives en HTML-reference.

• Kommentar:

<!--...-->

Eksempel:

<!-- Dette er en kommentar -->

• “HTML”-elementet:

<html>...</html>

omkredser hele HTML-dokumentet (bortset fra dokumenttypehenvisningen).

• “Head”-elementet:

<head>...</head>

omkredser dokumenthovedet, hvor dokumentets titel og andre oplysninger om dokumentet findes.

• “Title”-elementet:

<title>...</title>

indeholder dokumentets titel.

• “Meta”-elementer er elementer med blandede oplysninger om dokumentet. Det kan for eksempel være stikord fra dokumentet:

<meta name="keywords" content="SSLUG, Skåne, Sjælland, Linux, brugergruppe">

• “Body”-elementet indeholder selve dokumentet.

Et samlet eksempel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
        "http://www.w3.org/TR/REC-html40/loose.dtd">

<html lang="da">
 <head>
  <title>Dokumentets titel</title>
  <meta name="keywords" content="Stikord fra dokumentet">
  <meta name="description" content="Beskrivelse af dokumentet">
 </head>
 <body>
  Her indsættes den egentlige HTML-kode til websiden.
 </body>
</html>

<h1>...</h1>    Overskift (hovedniveauet)
<h2>...</h2>    Overskift (niveau 2)
<h3>...</h3>    Overskift (niveau 3)
<h4>...</h4>    Overskift (niveau 4)

For eksempel:

<h2>Dette er en overskrift i niveau 2</h2>

<p>... Tekstafsnit ...</p>

For eksempel:

<p>
 Dette er et afsnit.
</p>
<p>
 Her kommer det næste.
</p>

<a>...</a>    Henvisning

Eks.:

<a href="andet dokument" target="navn på vindue">Titel på andet dokument</a>
<a name="ankernavn"></a>

<ol>...</ol>   Ordnet liste
<ul>...</ul>   Uordnet liste
<li>                 Punkt på liste

Eksempel:

<ol>
 <li>Punkt 1
 <li>Punkt 2
</ol>

<em>...</em>          Fremhævet (sædvanligvis i kursiv)
<strong>...</strong>  Yderligere fremhævet (sædvanligvis i fed)
<code>...

Kodeeksempel (sædvanligvis courier) <kbd>…</kbd> Maskinskrevet (sædvanligvis courier) <cite>…</cite> Citat</code>

<hr>                                Vandret linje
<br>                                Ombryd linje
<blockqoute>...</blockqoute>  Længere citat

<img>      Indsætter et billede i den løbende tekst

Eks.:

<img src="billedets adresse" alt="tekstalternativ til billedet" align="left" height="100" width="100>

<table></table>    Tabel
<tr>                     Række i tabellen
<td>                     Felt i celle

Eks.:

<table>
<tr>
    <td>1. celle</td>
    <td>2. celle</td>
</tr>

Eksempel:

<td rowspan="2">  Felt, der fylder to rækker
<td colspan="2">  Felt, der fylder to kolonner
<tr>
    <td>3. celle</td>
    <td>4. celle</td>
</tr>
</table>