KOMPOOS.NL

html referentie (basis)

home » manuals » html » html-referentie.html

sitemap

HTML overzicht

Basic Tags

<html></html>

Creëert een HTML document

<head></head>

Plaats hier (o.a.) de titel en alle andere informatie die niet in de webpagina zelf getoond wordt

<body></body>

Plaats hier de code voor het zichtbare gedeelte van de webpagina

Body Attributen

Onderstaande attributen zijn verouderd
Gebruik een stylesheet hiervoor

<body alink=?>
<body bgcolor=?>
<body link=?>
<body text=?>
<body vlink=?>

Formatting

<p></p>

Creëert een nieuwe paragraaf

<p align=?>

Is sterk verouderd
Gebruik een stylesheet hiervoor

<br>

Begint een nieuwe regel zonder extra witruimte

<blockquote></blockquote>

Indenteert text aan beide zijden

<ol></ol>

Creëert een genummerde lijst

<li></li>

Creëert een lijst-item

<ul></ul>

Creëert een lijst met bullets

<div align=?>

Is sterk verouderd
Gebruik een stylesheet hiervoor

Formulieren

<form></form>

Creëert een formulier

<select multiple name="naam" size=?></select>

Creëert een menu met scrollbar.
'Size' geeft het aantal menu items aan tot hoever gescrolled kan worden

<option>

Opties voor elk menu item

<select name="naam"></select>

Creëert een dropdown lijst

<textarea name="naam" cols=40 rows=8></textarea>

Creëert een tekstveld met meerdere lijnen. Columns ('cols') bepalen de breedte, 'rows' de hoogte

<input type="checkbox" name="naam">

Creëert een checkbox. De tekst volgt na de tag. Verschillende opties kunnen geselecteerd worden

<input type="radio" name="naam" value="x">

Creëert een radiobutton. De tekst volgt na de tag. Slechts één optie kan geselecteerd worden

<input type=text name="foo" size=20>

Creëert een tekstveld met een lijn. Size bepaalt de breedte van het veld - in karakters

<input type="submit" value="naam">

Creëert een submit of verzend knop

<input type="image" border=0 name="naam" src="name.gif">

Creëert een beeld met dezelfde functie als een submit of verzend knop

<input type="reset">

Creëert een reset knop - wist alle velden van een formulier

Frames

Frames zijn sterk verouderd
Gebruik deze absoluut niet meer

<frameset></frameset>
<frameset rows="value,value">
<frameset cols="value,value">
<frame>
<noframes></noframes>

Frame attributen

Frame attributen zijn sterk verouderd
Gebruik deze absoluut niet meer

<frame src="URL">
<frame name="naam">
<frame marginwidth=#>
<frame marginheight=#>
<frame scrolling=VALUE>
<frame noresize>

Graphische Elementen

<img src="naam">

Voegt een afbeelding toe

<img src="naam" align=?>

Is sterk verouderd
Gebruik een stylesheet hiervoor

<img src="naam" border=?>

Is sterk verouderd
Gebruik een stylesheet hiervoor

<hr>

Horizontale lijn

<hr size=?>

Zet de dikte van de horizontale lijn

<hr width=?>

Zet de breedte van de horizontale lijn, waarden absoluut of in percent

<hr noshade>

Horizontale lijn zonder schaduw effect

Header Tags

<title></title>

Plaats de naam van het document in de titelbar

Links

<a href="URL"></a>

Creëert een hyperlink

<a href="mailto:EMAIL"></a>

Creëert een mail link

<a name="naam"></a>

Creëert een doel voor een interne link

<a href="#naam"></a>

Link naar het interne doel

Tabellen

<table></table>

Creëert een tabel

<tr></tr>

Creëert een rij in een tabel

<td></td>

Creëert een cel in een rij van een tabel

<th></th>

Creëert een tabel header

Tabel Attributen

Tabel attributen (in de body) zijn sterk af te raden
Gebruik een stylesheet hiervoor

<table border=#>

De dikte van de rand rond een tabel

<table cellspacing=#>

Spatie tussen de verschillende cellen

<table cellpadding=#>

Spatie tussen de rand van de cel en haar content

<table width=# of %>

Tabelbreedte - in procenten of absolute waarden

<tr align=?> of <td align=?>

Alignering van de content binnen de cellen ('left', 'center', of 'right')

<tr valign=?> of <td valign=?>

Vertikale alignering van de content binnen de cellen ('top', 'middle', of 'bottom')

<td colspan=#>

Aantal kolommen dat een cel moet overspannen (default is 1)

<td rowspan=#>

Aantal rijen dat een cel moet overspannen (default is 1)

<td nowrap>

Voorkomt het afbreken van tekst door te kleine cel- of tabelbreedtes

Tekst Tags

<pre></pre>

Gepreformatteerde tekst, whitespace (spaties en hard returns) wordt letterlijk getoond zonder de automatische opmaak

<h1></h1>... t/m <h6></h6>

Header niveau's van h1 t/m h6

dit is een H1 header

dit is een H2 header

dit is een H3 header

dit is een H4 header

dit is een H5 header
dit is een H6 header

nodig voor de validatie van de pagina

nodig voor de validatie van de pagina

nodig voor de validatie van de pagina

<b></b>

vet

<i></i>

cursief

<tt></tt>

Teletype, of schrijfmachine-achtige tekst

<cite></cite>

Citaat, wordt in de meeste browsers cursief weergegeven

<em></em>

Benadrukt een woord (cursief)

<strong></strong>

Benadrukt een woord (vet)

<font size=?></font>

Is sterk verouderd
Gebruik een stylesheet hiervoor

<font color=?></font>

Is sterk verouderd
Gebruik een stylesheet hiervoor