HTML: korte handleiding
HTML is de afkorting voor: Hyper Text Markup Language
HTML is de "taal", waarmee documenten gemaakt worden die op het WWW (World Wide Web) gepubliceerd worden.
Een belangrijk gedeelte is de Markup, zeg maar de "opmaak", het gebruik van bepaalde codes om een browser te vertellen hoe het document eruit moet zien.
Het is echt niet moeilijk om de opmaak aan persoonlijke wensen aan te passen !
Lees verder!
Behalve een enkele uitzondering, bestaat een code altijd uit twee delen:
- een activeringscode <...> ook wel start-tag genoemd
- tussen de twee tags staat de tekst die op een bepaalde manier getoond moet worden
- een afsluitcode </...> (let op de schuine streep) ook wel eind-tag genoemd
Hoe die tekst er dan uitziet wordt dus bepaald door de codes, die op zichzelf bestaan uit twee scherpe "haken" met daartussen bepaalde codeletters.
Deze beknopte handleiding toont het effect van de meest gebruikte codes:
CODES:
Code wordt het beste met "kleine" letters geschreven.
Voorbeelden van code (-tags-) en hoe de uiteindelijke tekst (eronder) er daarna op het scherm uitziet:
Kopjes, titels, opschriften:
Tekst-1
<h2>Tekst-2</h2>
Tekst-2
<h3>Tekst-3</h3>
Tekst-3
<h4>Tekst-4</h4>
Tekst-4
<h5>Tekst-5</h5>
Tekst-5
<h6>Tekst-6</h6>
Tekst-6
Tekst:
<p> Een paragraaf of hoofdstuk begint met een start-tag en eindigt met een eind-tag zoals hier getoond </p>
Deze paragraaf (dit hoofdstuk) begon met een start-tag en eindigde met een eind-tag.
Deze paragraaf (dit hoofdstuk) begon ook met een start-tag en eindigde met een eind-tag.
Een nieuwe regel
Bestaande regel. <br>
Volgende regel.
Bestaande regel.
Volgende regel.
Lijsten
Lijsten kunnen er verschillend uitzien, hieronder staan verschillende voorbeelden.
<ul>
<li>Edammer kaas</li>
<li>Goudse kaas</li>
<li>Leidse kaas</li>
</ul>
- Edammer kaas
- Goudse kaas
- Leidse kaas
<ol>
<li>Edammer kaas</li>
<li>Goudse kaas</li>
<li>Leidse kaas</li>
</ol>
- Edammer kaas
- Goudse kaas
- Leidse kaas
<ol start=10>
<li>Edammer kaas</li>
<li>Goudse kaas</li>
<li>Leidse kaas</li>
</ol>
- Edammer kaas
- Goudse kaas
- Leidse kaas
<ol type=a>
<li>Edammer kaas</li>
<li>Goudse kaas</li>
<li>Leidse kaas</li>
</ol>
- Edammer kaas
- Goudse kaas
- Leidse kaas
<ol type =A>
<li>Edammer kaas</li>
<li>Goudse kaas</li>
<li>Leidse kaas</li>
</ol>
- Edammer kaas
- Goudse kaas
- Leidse kaas
Andere mogelijkheden zijn o.a. type=circle, type=disc,type=square.
Fysieke kenmerken van tekst
<b>vet</b>
vet
<i>cursief</i>
cursief
<tt>schrijfmachineschrift</tt>
schrijfmachineschrift
<u>onderstreept</u>
onderstreept
<strike>doorgestreept</strike>
doorgestreept
<big>groter</big>
groter
<small>kleiner</small>
kleiner
<sup>hoger</sup>
normaal hoger normaal
<sub>lager</sub>
normaal lager normaal
<s>doorgestreept</s>
doorgestreept
<blink>blinkend</blink> (werkt alleen in Netscape)
Tekstkleur
Tekstkleuren (voor pagina's en gedeeltes van pagina's).
Voor kleuren in -lopende- tekst volgen hier een voorbeelden:
standaard tekstkleur <font color="#FF0000">Rode tekst</font> standaard tekstkleur
standaard tekstkleur rode tekst standaard tekstkleur
<font color="#FFFF00">Gele tekst</font>
Gele tekst (voor de duidelijkheid op zwarte ondergrond)
<font color="#FFFFFF">Witte tekst</font>
Witte tekst
<font color="#0000FF">Blauwe tekst</font>
Blauwe tekst
<font color="#00FF00">Groene tekst</font>
Groene tekst
Achtergrondafbeeldingen
Achtergrondafbeeldingen kunnen ook gebruikt worden.
Afbeeldingen
Een afbeelding op de artikel pagina (boven de artikelbeschrijving).
<img src="plaatje.gif"> of <img src="plaatje.jpg">
Tekst centreren
<center> Tekst gecentreerd op de pagina</center>
Tips voor de opmaak van de WebShop
--. Gebruik korte en krachtige zinnen, 20 woorden is echt een maximum.
Let bij langere zinnen, extra op de ritmiek en de zinsmelodie.
--. Gebruik in één zin, nooit meer dan één bijzin.
--. Stop niet te veel informatie in één zin.
--. Vermijd omslachtig taalgebruik.
--. Een goede tekst over een artikel is nooit langer dan 25 - 30 regels.
Dat is ongeveer de hoeveelheid regels op het scherm, de kijker hoeft dan niet te scrollen maar leest de tekst in een keer.
--. Sluit de opmaak van de webShop zo goed mogelijk aan op de huisstijl.
Houd er wel rekening mee dat een computerscherm iets anders is dan een bedrukt vel papier.
--. Gebruik de best mogelijk grafische afbeeldingen.
Houd de plaatjes zo licht mogelijk en pas de maten zo goed mogelijk aan op de beschikbare ruimte.
Zie de hulp-file voor de standaard afmetingen.
--. Maak de webShop zo snel mogelijk.
Pagina's die snel op het scherm komen verkleinen de kans dat de bezoeker van mening veranderd en de webShop verlaat.
--. Onderhoud van de Shop is erg belangrijk.
Bezoekers zien dan dat er geregeld iets 'gebeurt' in uw virtuele winkel.
--. Reageer direct, beantwoord e-mail tenminste één keer per dag.
--. Vermeld uw complete gegevens (naam, adres, woonplaats, telefoon, faxnummer).
Geen enkele bezoeker houdt ervan zaken te doen met een 'obscure' winkel.