HTML opmaak codes voor CMS
Onderstaande codes zijn te gebruiken in de HTML-editor van het Content Management Systeem (CMS) dat Rocketweb in haar projecten gebruikt.
Zie dit artikel voor een handleiding over de editor.
Wilt u meer weten over het verschil tussen visuele en semantische tags, lees dan dit artikel over semantische HTML.
Leggen van nadruk
| Tag | Visueel | Semantisch |
|---|---|---|
| <b> ... </b> | ja | geen |
| <strong> ... </strong> | geen | ja |
Cursieve tekst
| Tag | Visueel | Semantisch |
|---|---|---|
| <i> ... </i> | ja | geen |
| <em> ... </em> | geen | ja |
Maken van tabellen
| Tag | Visueel | Semantisch |
|---|---|---|
| <table> ... </table> | geen | ja |
| <tr> ... </tr> | geen | ja |
| <td> ... </td> | geen | ja |
Voorbeeld 1
Bovenstaande afbeelding laat een tabel zien van twee rijen en twee kolommen. Dat levert vier vakken op.
Voorbeeld 2
Nu zijn de kolommen in de bovenste rij samengevoegd. Hier wordt het attribuut colspan voor gebruikt.
Internet links
Een internet link (hyperlink, koppeling) bestaat uit de volgende code: <a>...</a>
Tussen de anchor tags (a) staat de tekst waarop men klikt, bijvoorbeeld: <a>www.rocketwebmultimedia.nl</a>
De code die zorgt voor de daadwerkelijke koppeling met een andere pagina is de volgende: <a href='http://www.rocketwebmultimedia.nl'>...</a>
Deze link opent in hetzelfde venster. Om een pagina in een nieuw venster te laten openen moet de code als volgt worden aangepast:<a href='http://www.rocketwebmultimedia.nl' target='_blank' >...</a>
Samengevat
- Het href attribuut
bepaalt de pagina waar naar gelinkt wordt.
Betreft het een link naar een andere website dan begint de link methttp://
Betreft het een link naar een andere pagina dan ishttp://niet nodig. - Het target attribuut
bepaalt het doel. Wordt het weggelaten dan openen alle links in hetzelfde venster.
Voorbeeld
De volgende code opent de website van nu.nl in een nieuw venster:<a href='http://www.nu.nl' target='_blank' >nu.nl</a>
Reacties
ricc.webklik.nl
donderdag 2 februari 2012 - 19:35:29
Onderstaande uitleg toont in een aantal stappen hoe een afbeelding in een pagina wordt geplaatst....
@Vijfhart and @alleICTvanNL unfollowed me [ checked by http://t.co/uupswNfh ]
20-5-2012 21:11:40
'Leer alsjeblieft niet programmeren' | Automatisering Gids http://t.co/lZfApvjs via @ictnieuws
16-5-2012 11:20:11
@fredkrautwurst unfollowed me [ checked by http://t.co/uupswNfh ]
11-5-2012 1:06:04
@keytoe unfollowed me [ checked by http://t.co/uupswNfh ]
30-4-2012 1:27:12
backbonejs sounds great!! “@zendcasts: Looking to do an advanced Javascript course. Any suggestions? BackboneJS? BDD w/ Jasmine? Canvas?”
20-4-2012 15:44:45

