Toegelaten HTML-tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
Op deze site kan HTML worden gebruikt. Terwijl het leren van de volledige HTML-code overweldigend kan zijn, is het leren van een beperkte aantal basis HTML-'tags' veel eenvoudiger. Deze tabel geeft een aantal voorbeelden van iedere tag die op deze site kan worden gebruikt.
Voor meer informatie zie de HTML-specificaties van W3C of gebruik uw favoriete zoekmachine om een site te te vinden die uitleg over HTML geeft.
Tag Beschrijving | U typt | U krijgt |
---|---|---|
Ankers worden gebruikt om links te maken naar andere pagina's. | <a href="https://www.gps-expert.nl/cms">www.gps-expert.nl</a> | www.gps-expert.nl |
Benadrukt | <em>Benadrukt</em> | Benadrukt |
Sterk | <strong>Sterk</strong> | Sterk |
Geciteerd | <cite>Geciteerd</cite> | Geciteerd |
Code-tekst, gebruikt om programmacode weer te geven | <code>Code</code> | Code |
Ongeordende lijst - gebruik <li> voor elke lijst-item | <ul> <li>Eerste item</li> <li>Tweede item</li> </ul> |
|
Geordende lijst - gebruik <li> voor elk lijst-item | <ol> <li>Eerste item</li> <li>Tweede item</li> </ol> |
|
Definitielijsten zijn zeer gelijkaardig aan andere HTML-lijsten. <dl> start de definitielijst, <dt> start de definitieterm en <dd> start de definitiebeschrijving. | <dl> <dt>Eerste term</dt> <dd>Eerste definitie</dd> <dt>Tweede term</dt> <dd>Tweede definitie</dd> </dl> |
|
De meest gebruikelijke karakters kunnen direct ingegeven worden zonder problemen.
Indien u wel problemen ondervindt, probeer dan eens HTML-karaters te gebruiken. Een standaard voorbeeld is & voor een ampersand &-karakter. Voor een volledige lijst van karakters: zie HTML's entititeiten-pagina. Een aantal van de beschikbare karakters zijn:
Karakterbeschrijving | U typt | U krijgt |
---|---|---|
Ampersand | & | & |
Groter dan | > | > |
Kleiner dan | < | < |
Aanhalingsteken | " | " |
To add a lightbox to your images, add rel="lightbox" attribute to any link tag to activate the lightbox. For example:
<a href="image-1.jpg" rel="lightbox">image #1</a>
<a href="image-1.jpg" rel="lightbox[][my caption]">image #1</a>
To show a caption either use the title attribute or put in the second set of square brackets of the rel attribute.
If you have a set of related images that you would like to group, then you will need to include a group name between square brackets in the rel attribute. For example:
<a href="image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="image-2.jpg" rel="lightbox[roadtrip][caption 2]">image #2</a>
<a href="image-3.jpg" rel="lightbox[roadtrip][caption 3]">image #3</a>
There are no limits to the number of image sets per page or how many images are allowed in each set.
If you wish to turn the caption into a link, format your caption in the following way:
<a href="image-1.jpg" rel='lightbox[][<a href="http://www.yourlink.com">View Image Details</a>]' >image #1</a>