HTML opmaak codes voor CMS

starstarstarstarstarstarstarstarstarstar klik een ster om te waarderen
655 keer gelezen

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

TagVisueelSemantisch
<b> ... </b>jageen
<strong> ... </strong>geenja

Cursieve tekst

TagVisueelSemantisch
<i> ... </i>jageen
<em> ... </em>geenja

Maken van tabellen

TagVisueelSemantisch
<table> ... </table>geenja
<tr> ... </tr>geenja
<td> ... </td>geenja

Voorbeeld 1
voorbeeld van een tabel met bijbehorende html code
Bovenstaande afbeelding laat een tabel zien van twee rijen en twee kolommen. Dat levert vier vakken op.

Voorbeeld 2
voorbeeld van een tabel met bijbehorende html code
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 met http://
    Betreft het een link naar een andere pagina dan is http:// 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>

Toegevoegd: zaterdag 1 oktober 2011

Alle artikelen

Geef een reactie

Reacties

ricc.webklik.nl zegt

ricc.webklik.nl

donderdag 2 februari 2012 - 19:35:29

 
Recent project
rss logo
Laatste Blog
Toevoegen van een afbeelding in ckeditor

Onderstaande uitleg toont in een aantal stappen hoe een afbeelding in een pagina wordt geplaatst....

lees meer (420 keer bekeken)
Willekeurige reactie
iPad opladen met een Windows pc lukt niet
Werkt dit oo k voor die nieuwe ipads?
Tweets
Twitter logo
Volgt 105
Volgers 65
Linkedin