Naslag

Dit naslag-stuk omvat:

Codes voor bijzondere tekens

Er blijken tussen browsers wat probleempjes te zijn over de weergave van letters met accenten, bijzondere tekens en meer van dat soort dingen die niet zonder trucjes uit een toetsenbord te halen zijn. De oplossing is dat u gebruik maakt van een mnemonic waarin meestal het beoogde resultaat te herkennen valt, voorafgegaan door een "&" en afgesloten met een ";". Ik geef hier de meest voorkomende.

àà áá ââ ãã ää
(andere klinkers + hoofdletters daarvan werken op dezelfde manier)
ææ çç øø ßß ƒƒ
$$ ¢¢ ££ ¥¥ §§
™&trade; ®&reg; ©&copy; <&lt; >&gt;

Overzicht behandelde tags
<A HREF="[naam pagina]>naar pagina</A>
Maakt een link naar een andere pagina binnen uw website. Attribuut: met TITLE="Toelichtende tekst" kunt u een "tooltip" maken die in beeld komt als de muis boven die link verschijnt. (heb ik gedaan bij de pictogrammen links boven aan deze pagina's.)
Attributen m.b.t. waar de op te halen pagina vertond moet worden: TARGET="_new": binnen een nieuw browservenster; TARGET="_top": binnen huidige browservenster, desnoods met "opblazen" van frame-structuur; target="frame-naam": binnen de naam van de frame binnen de huidige frame-structuur van het huidige browser-venster.
<A HREF="http://www.server.com/user/index.htm">homepage van User bij provider Server</A>
Maakt een link naar "elders op het web".
Attributen m.b.t. waar de op te halen pagina vertond moet worden: TARGET="_new": binnen een nieuw browservenster; TARGET="_top": binnen huidige browservenster, desnoods met "opblazen" van frame-structuur; target="frame-naam": binnen de naam van de frame binnen de huidige frame-structuur van het huidige browser-venster.
<A HREF="mailto:uwnaam@uwprovider.nl">Mail mij!</A>
Start het email-programma van de gebruiker op, met uw email-adres alvast ingevuld. In plaats van de gelinkte tekst kan ook een afbeelding worden gebruikt.
<A NAME="een_anker">een_anker</A>
Maakt een anker op een pagina: een locatie waarnaartoe gesprongen kan worden. Bij het aanroepen gebruikt u de "HREF=" link. Vanuit dezelfde pagina wordt dat HREF="#een_anker" en vanuit een andere pagina wordt dat HREF="pagina.htm#een_anker". Vergeet dus niet het hekje.
<B>dit wordt vet</B>
Zet de tussenliggende tekst vet, verder weinig over te melden.
<BODY>...</BODY>
Geeft het begin en einde van het "zichtbare" deel van de pagina aan. Is verplicht (tenzij het gaat over een pagina waarin frames gedefinieerd worden). Attributen: met <BODY BGCOLOR="[naam kleur]">: kunt u een achtergrondkleur opgeven; met <BODY BACKGROUND="[naam plaatje]"> kunt u een plaatje opgeven dat als achtergrond gebruikt wordt.
<BR>
Produceert een regelomhaal. Als u meerdere witregels wilt aanbrengen, zet u gewoon x keer <BR> achter elkaar.
<CENTER>...</CENTER>
Zet de tekst tussen de tags gecentreerd op het scherm. Binnen deze tag kan wel met <BR> gewerkt worden, <P> levert problemen op.
<DT>[te definiëren term]<DD>[definitie ervan]
Zie wat u nu leest: een opsomming van termen plus omschrijvingen.
<FONT ...>...</FONT>
Geeft bijzonderheden op m.b.t. lettertype, -grootte en kleur. Voorbeelden: <FONT FACE="Arial">dit is in Arial</FONT>; <FONT SIZE="2">dit heeft grootte 2</FONT>; <FONT COLOR="red">dit is rood</FONT>.
<H1>koptekst</H1>
Geeft een koptekst aan, er zijn 7 niveau's waarvan eigenlijk alleen nrs 1, 2 en 3 nut hebben.
<HR>
Zet een horizontale streep op het scherm. Attributen: WIDTH="100" (in pixels) of WIDTH="30% geeft de breedte aan, SIZE="3" geeft de dikte in pixels aan (heeft alleen een zichtbaar effect als u tevens een kleur opgeeft die afwijkt van de achtergrondkleur) en ALIGN="left" (of "right" of "center") zet de streep aan de gewenste kant.
<I>dit wordt cursief</I>
Zet de tussenliggende tekst cursief.
<META HTTP-EQUIV="REFRESH" CONTENT="10; URL='pagina_waar_naar_toe.htm'">
Roept na het opgegeven aantal seconden (hier 10) een andere pagina op (hier "pagina_waar_naar_toe.htm). Nuttig indien u uw site naar een andere provider verhuisd hebt, maar op de oude plaats nog een pagina hebt achtergelaten met "u wordt na 10 seconden doorgeschakeld naar ...".
<META NAME="description" CONTENT="beschrijving van uw pagina">
Geeft een beschrijving van de inhoud van uw pagina. Zeker aan te raden als u van plan bent uw pagina aan te melden bij zoekmachines.
<META NAME="keywords" CONTENT="trefwoord 1, trefwoord 2">
Geeft aan welke trefwoorden volgens u op uw pagina van toepassing zijn. Eigenlijk alleen interessant als u de pagina bij een zoekmachine hebt aangemeld voor indexering, maar in dat geval zeker aan te raden.
<OL>...</OL>
Geeft het begin en eind van een geordende lijst aan. De afzonderlijke items van de lijst beginnen steeds met <LI>. Attribuut: u kunt opsommingstekens variëren met TYPE="1" (standaard), "a", "A", "i" of "I". (Laatste twee voor classici.) Als u na een "tussenstuk" wilt verdergaan met een bestaande nummering: START="5" (of wat het is).
<P>
Geeft het begin van een nieuwe paragraaf aan, en daarmee tevens het einde van een vorige. Als u het helemaat netjes wilt doen kunt u de sluittag </P> gebruiken, maar dat komt eigenlijk alleen bij het maken van Cascading Style Sheets om de hoek kijken.
<SUB>...</SUB>
Zet het tussenliggende in subscript, dus een halve regel lager.
<SUP>...</SUP>
Zet het tussenliggende in superscript, dus een halve regel hoger.
<TABLE>...</TABLE>
Geeft het begin en einde van een tabel aan. Attribuut: BORDER="4" geeft een rand tussen alle cellen van de tabel van 4 pixels. (Is vrij dik, overigens.)
<TD>...</TD>
Geeft het begin en einde van een cel in een rij in een tabel aan. Daarbinnen staat dus tekst, en u kunt alle opmaakkenmerken aan die tekst meegeven die bij normale tekst kunnen. Attributen: VALIGN="top" lijnt de tekst in die cel uit met de bovenkant van de cel; is nuttig wanneer de ene cel meer tekst bevat dan de andere. ALIGN="left" (c.q. "right" of "center") lijnt de tekst links of rechts uit, danwel centreert hem. Met het attribuut COLSPAN="3" geeft u aan dat deze ene cel zich over drie onderliggende cellen moet uitstrekken. Met ROWSPAN="2" geeft u aan dat deze cel qua hoogte zich moet uitstrekken over twee naastliggende cellen. (Andere cijfers mogen uiteraard ook.)
<TH>...</TH>
Zelfde als TD, maar nu voor de bovenste regel, voor de koppen in een tabel. De tekst wordt standaard weergegeven als vet en gecentreerd.
<TR>...</TR>
Geeft het begin en einde aan van een rij cellen in een tabel.
<UL>...</UL>
Geeft het begin en het eind van een ongeordende lijst aan. De afzonderlijke items van de lijst beginnen steeds met <LI>. Attribuut: het opsommingsteken: <OL TYPE="square">, "round" of "circle". Overigens: browsers pakken dit af en toe niet. Vertrouwt u hier dus niet te hard op. U kunt lijsten onbeperkt in elkaar nesten.

Kleuren

Ik ga niet alle kleuren opsommen, maar een paar vind ik wel leuk. Kijkt u maar eens of er wat van uw gading bijzit. Sommige namen zijn zo exotisch dat u ze vast zult willen proberen. Houdt u er wel rekening mee dat een browser een kleur soms "niet pakt" en er dan maar wat anders van maakt.

aqua
aquamarine
beige
black
blue
blueviolet
brown
chartreuse
coral
cornflowerblue
cornsilk
 cyan
darkblue
darkred
deeppink
dodgerblue
forestgreen
fuchsia
gold
gray
green
hotpink
 indigo
khaki
lavenderblush
lawngreen
lightyellow
lime
maroon
mistyrose
moccassin
navy
oldlace
 orange
orchid
pink
purple
salmon
sienna
silver
steelblue
tomato
violet
wheat

Meer naslag nodig?

Er zijn diverse online-naslagwerken over HTML. Sommige zijn dus meer bedoeld voor vragen als "hoe zat het ook al weer precies?" en "wat voor attributen heeft deze tag nog meer?", en gaan in hun volledigheid (ver) buiten het bestek van dit cursusje. Kijkt u eens bij HTML op het Net, bij www.marisje.nl, bij Webmeesteres (volgens mij van dezelfde auteur), of bij Handleiding HTML. De moeite waard om eens langs te gaan is ook HTML Hulp. Grosso modo dezelfde opzet en inhoud als wat u nu leest (misschien iets minder uitgewerkt), maar iets strakker geschreven dan deze cursus. (Maar wat wil je, juristen gebruiken overal aanzienlijk meer woorden voor...)
En er staan zowel op html.pagina.nl als op html.startkabel.nl overigens zo'n twintig tot dertig cursussen en cursusjes... ik ben echt niet de enige.
Op www.websitehulp.cjb.net vindt u tevens een hoop informatie over auteursrechtelijke aspecten. Een Engelstalige lijst van tags en attributes vindt u op zonnet.html.tucows.com/designer/htmlreference.html. Een Engelstalige lijst van CSS properties vindt u op: zonnet.html.tucows.com/designer/csstutpropvalue.html. Voor CSS en DHTML verwijs ik u nog naar de cursus van Edwin Martin.

Voor een Engelstalig woordenboek van computertermen: Webopedia.

En uiteraard zijn er ook nog van die dingen met bladzijden. "Boeken", heten ze. Her en der wordt beweerd dat ze aan het uitsterven zijn, maar ik denk dat ze hardnekkiger zijn dan lieden die dat roepen denken. Uit de stapel boeken over HTML trek ik er eentje: Webdesign in de praktijk, door Peter Kentie, uitgegeven bij Addison Wesley. Hier en daar ietsjes technisch (hij besteedt toch wel erg veel pagina's aan het ombouwen van plaatjes met behulp van programma X of programma Y), maar er staat echt veel behartigenswaardigs in. Aanrader voor op uw nachtkastje. En als u echt het naadje van de kous wilt weten over CSS (want ik heb er echt maar een klein deel van behandeld): Html en CSS: de basis, door Andree Hollanden, uitgegeven bij Pearson Education. Gaat echt heel erg diep.

Hoewel de cursus nu echt afgelopen is, kunt u vanaf hier naar de pagina met diverse bespiegelingen.