Html- / Meta tags Deze pagina afdrukken


Basis HTML

Documenttype

<HTML></HTML>

(begin en eind van het bestand)

Titel

<TITLE></TITLE>

(verplicht in de kopregels)

Kopgedeelte

<HEAD></HEAD>

(beschrijvende info, zoals de titel)

Inhoud

<BODY></BODY>

(hier tussen komt de eigenlijke pagina)


Structurele opmaak

Koppen

<H?></H?>

(tot 6 niveaus diep) <h1><h2>------<h6>

Kop uitlijnen

<H? ALIGN=LEFT|CENTER|RIGHT></H?>

(bijv: <H1 ALIGN="center">de kop</h1>)

Onderdeel

<DIV></DIV>

 

Onderdeel uitlijnen

<DIV ALIGN=LEFT|RIGHT|CENTER></DIV>

 

Blokcitaat

<BLOCKQUOTE></BLOCKQUOTE>

(meestal inspringend)

Nadruk

<EM></EM>

(meestal getoond als cursief)

Sterke nadruk

<STRONG></STRONG>

(meestal getoond als vet)

Citaat

<CITE></CITE>

(meestal cursief)

Code

<CODE></CODE>

(tekst van computerprogramma)

Voorbeeld-uitvoer

<SAMP></SAMP>

 

Invoer van toetsenbord

<KBD></KBD>

 

Variabele

<VAR></VAR>

 

Definitie

<DFN></DFN>

(niet veel gebruikt)

Adres van auteur

<ADDRESS></ADDRESS>

 

Grote letters

<BIG></BIG>

 

Kleine letters

<SMALL></SMALL>

 


Pagina indeling

Alinea

<P></P>

(afsluitende code vaak niet nodig)

Alinea uitlijnen

<P ALIGN=LEFT|CENTER|RIGHT></P>

 

Naar volgende regel

<BR>

(een Enter)

Voorbij plaatje

<BR CLEAR=LEFT|RIGHT|ALL>

 

Horizontale lijn

<HR>

 

Positie

<HR ALIGN=LEFT|RIGHT|CENTER>

 

Dikte

<HR SIZE="?">

(in pixels)

Breedte

<HR WIDTH="?">

(in pixels)

% breedte

<HR WIDTH="%">

(als een percentage van paginabreedte)

Massieve lijn

<HR NOSHADE>

(zonder 3-dimensionaal uiterlijk)

Niet afbreken

<NOBR></NOBR>

(voorkomt afbreken regel)

Afbreken

<WBR>

(hier regel afbreken indien nodig)


Lijsten

Ongenummerde lijst

<UL><LI></UL>

(<LI> vóór elk element)

Compacte lijst

<UL COMPACT></UL>

 

Soort teken

<UL TYPE=DISC|CIRCLE|SQUARE>

(voor de hele lijst)

<LI TYPE=DISC|CIRCLE|SQUARE>

(deze & volgende)

Genummerde lijst

<OL><LI></OL>

(<LI>vóór elk element)

Compact

<OL COMPACT></OL>

 

Soort nummering

<OL TYPE=A|a|I|i|1>

(voor de hele lijst)

<LI TYPE=A|a|I|i|1>

(deze & volgende) 

Eerste nummer

<OL START=?>

(voor de hele lijst)

<LI VALUE=?>

(deze & volgende) 

Definitie-lijst

<DL><DT><DD></DL>

(<DT>=term, <DD>=definitie)

Compact

<DL COMPACT></DL>

 

Menu-lijst

<MENU><LI></MENU>

(<LI> vóór elk element)

Compact

<MENU COMPACT></MENU>

 

Bestandenlijst

<DIR><LI></DIR>

(<LI> vóór elk item)

Compact

<DIR COMPACT></DIR>

 


Achtergrond - kleuren

Plaatje op achtergrond

<BODY BACKGROUND="URL">

 

Achtergrondkleur

<BODY BGCOLOR="#$$$$$$">

(volgorde is rood/groen/blauw) (dit is bijv: goed te zien in PaintShop Pro.)

Tekstkleur

<BODY TEXT="#$$$$$$">

 

Kleur link

<BODY LINK="#$$$$$$">

 

Kleur bezochte link

<BODY VLINK="#$$$$$$">

 

Kleur actieve link

<BODY ALINK="#$$$$$$">

 

Kleur hover link

<BODY HLINK="#$$$$$$">

(dit is de kleur van de link als je met de muis aanwijzer over de hyperlink heengaat.)


Formulieren

Definieer formulier

<FORM ACTION="URL" METHOD=GET|POST></FORM>

 

Zend bestand

<FORM ENCTYPE="multipart/form-data"></FORM>

 

Input-veld

<INPUT TYPE="TEXT| PASSWORD|CHECKBOX| RADIO|IMAGE|HIDDEN|SUBMIT|RESET">

 

Veldnaam

<INPUT NAME="***">

 

Waarde veld

<INPUT VALUE="***">

 

Aangekruist?

<INPUT CHECKED>

(voor hokjes en rondjes)

Veldgrootte

<INPUT SIZE=?>

(in aantal tekens)

Maximale lengte

<INPUT MAXLENGTH=?>

(in aantal tekens)

Keuzelijst

<SELECT></SELECT>

 

Lijstnaam

<SELECT NAME="***"></SELECT>

 

Aantal opties

<SELECT SIZE=?></SELECT>

 

Meervoudige keuze

<SELECT MULTIPLE>

(kiezen van meer dan één mogelijk)

Optie

<OPTION>

(dingen die gekozen kunnen worden)

Default optie

<OPTION SELECTED>

 

Input-venster (> 1 regel)

<TEXTAREA ROWS=? COLS=?></TEXTAREA>

 

Naam venster

<TEXTAREA NAME="***"></TEXTAREA>

 

Regels afbreken

<TEXTAREA WRAP=OFF|VIRTUAL| PHYSICAL></TEXTAREA>

 


Tabellen

Definieer tabel

<TABLE></TABLE>

 

Tabelrand

<table border=?></TABLE>

 

Celafstand

<TABLE CELLSPACING=?>

 

Celmarges

<TABLE CELLPADDING=?>

 

Gewenste breedte

<TABLE WIDTH=?>

(in pixels)

Breedte in %

<TABLE WIDTH="%">

(percentage van pagina)

Tabel-rij

<TR></TR>

 

Uitlijning

<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>

 

Tabel-cel

<TD></TD>

(moet binnen een tabel-rij vallen)

Uitlijning

<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>

 

Regels niet afbreken

<TD NOWRAP>

 

Aantal kolommen

<TD COLSPAN=?>

 

Aantal rijen

<TD ROWSPAN=?>

 

Gewenste breedte

<TD WIDTH=?>

(in pixels)

Breedte %

<TD WIDTH="%">

(percentage van tabel)

Celkleur

<TD BGCOLOR="#$$$$$$">

  

Tabelkop

<TH></TH>

(net zoals gegevens, maar vet en gecentreerd)

Uitlijning

<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>

 

Regels niet afbreken

<TH NOWRAP>

 

Aantal kolommen

<TH COLSPAN=?>

 

Aantal rijen

<TH ROWSPAN=?>

 

Gewenste breedte

<TH WIDTH=?>

(in pixels)

Breedte in %

<TH WIDTH="%">

(percentage van tabel)

Celkleur

<TH BGCOLOR="#$$$$$$">

 

Tabelbijschrift

<CAPTION></CAPTION>

 

Uitlijning

<CAPTION ALIGN=TOP|BOTTOM>

(onder/boven tabel)


Kaders

Document met kader

<FRAMESET></FRAMESET>

(in plaats van <BODY>)

Rijhoogtes

<FRAMESET ROWS=,,,></FRAMESET>

(pixels of %)

Rijhoogtes

<FRAMESET ROWS=*></FRAMESET>

(* = relatieve grootte)

Kolombreedtes

<FRAMESET COLS=,,,></FRAMESET>

(pixels of %)

Kolombreedtes

<FRAMESET COLS=*></FRAMESET>

(* = relatieve grootte)

Breedte rand

<FRAMESET BORDER=?>

 

Randen

<FRAMESET FRAMEBORDER="yes|no">

 

Kleur randen

<FRAMESET BORDERCOLOR="#$$$$$$">

 

Definieer kader

<FRAME>

(inhoud van een afzonderlijk kader)

Toon document

<FRAME SRC="URL">

 

Kadernaam

<FRAME NAME="***"|_blank|_self| _parent|_top>

 

Kantlijnbreedte

<FRAME MARGINWIDTH=?>

(linker- en rechterkantlijnen)

Kantlijnhoogte

<FRAME MARGINHEIGHT=?>

(onder en boven)

Schuifbalk?

<FRAME SCROLLING="YES|NO|AUTO">

 

Vaste afmeting

<FRAME NORESIZE>

 

Randen

<FRAME FRAMEBORDER="yes|no">

 

Kleur randen

<FRAME BORDERCOLOR="#$$$$$$">

 

Inhoud zonder kaders

<NOFRAMES></NOFRAMES>

(voor browsers die kaders niet ondersteunen)


Java

Applet

<APPLET></APPLET>

 

Bestandsnaam applet

<APPLET CODE="***">

 

Parameters

<APPLET PARAM NAME="***">

 

Adres van applet

<APPLET CODEBASE="URL">

 

Applet identificator

<APPLET NAME="***">

(voor referenties elders in de pagina)

Alternatieve tekst

<APPLET ALT="***">

(voor browsers die Java niet ondersteunen)

Uitlijning

<APPLET ALIGN="LEFT|RIGHT|CENTER">

 

Afmetingen

<APPLET WIDTH=? HEIGHT=?>

(in pixels)

Ruimte rond applet

<APPLET HSPACE=? VSPACE=?>

(in pixels)


Overige codes

Commentaar

<!-- *** -->

(wordt niet getoond door de browser)

HTML 3.2 proloog

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

 

Doorzoekbaar

<ISINDEX>

(geeft een doorzoekbare index aan)

Prompt

<ISINDEX PROMPT="***">

(tekst waarmee om invoer gevraagd wordt)

Zend zoek- opdracht

<A HREF="URL?***"></a>

(gebruik een echt vraagteken)

URL van dit bestand

<BASE HREF="URL">

(moet in kopgedeelte)

Standaardnaam window

<BASE TARGET="***">

(moet in kopgedeelte)

Relatie tot andere bestanden

<LINK REV="***" REL="***" HREF="URL">

(moet in kopgedeelte)

Meta-information

<META>

(moet in kopgedeelte)

Stijlen

<STYLE></STYLE>

(nog niet algemeen ondersteund) (tussen het <style> element kan heel de opmaak van de tekst en pagina staan)

Scripts

<SCRIPT></SCRIPT>

(nog niet algemeen ondersteund)


Metatags
Een metatag is een veld in een document dat specifieke metadata bevat. Een document kan doorgaans meerdere metatags bevatten, die informatie geven over het document. Metatags zijn bedoeld om (niet normaal zichtbare) informatie op te nemen over de inhoud van een website of een webpagina. Hiertoe wordt in de code van de pagina eerst een aanduiding opgenomen van het soort informatie, en daarna de informatie zelf. Die laatste kan beschrijvend van aard zijn, of kan een opsomming van trefwoorden bevatten.

Voorbeelden van metatags zijn "Auteur = Oscar Wilde" of "Het jaar van uitgifte van dit document is 1988.". Het eerste voorbeeld is beter te gebruiken door computers doordat het van een duidelijke syntaxis gebruik maakt: "naam van tag = beschrijving". Het tweede voorbeeld gebruikt natuurlijke taal als syntaxis, wat voor mensen plezieriger oogt, maar voor computers moeilijker te interpreteren is. Soms wordt informatie zowel in het document zelf gegeven (voor de lezer van het document) als in een metatag (bijvoorbeeld voor programma’s die de collectie waar het document deel van uitmaakt beheren).

Voorbeelden metatags
Hieronder volgen een aantal voorbeelden van metatags voor webpagina’s.