Tekstopmaken

Eenvoudige HTML

  • Toegelaten HTML-tags: <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <p> <br> <span> <img src alt height width data-entity-type data-entity-uuid data-align data-caption> <u> <s> <sup> <sub> <a href hreflang data-entity-substitution data-entity-type data-entity-uuid title id target rel class="">

    Op deze website kan HTML worden gebruikt. Hoewel het leren van de volledige HTML-code de nodige studie kost, is het leren van een klein aantal basis HTML-elementen goed te doen. Deze tabel geeft een voorbeeld van elk element dat kan worden gebruikt.

    Zie voor meer informatie de HTML-specificaties van het W3C of gebruik een zoekmachine om andere sites te vinden die HTML toelichten.

    Tag Beschrijving U typt U krijgt
    Benadrukt <em>Benadrukt</em> Benadrukt
    Strong <strong>Strong</strong> Strong
    Geciteerd <cite>Geciteerd</cite> Geciteerd
    Blokcitaat <blockquote>Blokcitaat</blockquote>
    Blokcitaat
    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>
    • Eerste item
    • Tweede item
    Geordende lijst - gebruik <li> voor elk lijst-item <ol> <li>Eerste item</li> <li>Tweede item</li> </ol>
    1. Eerste item
    2. Tweede item
    Er is geen hulp beschikbaar voor tag li.
    Definitielijsten zijn vergelijkbaar met 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>
    Eerste term
    Eerste definitie
    Tweede term
    Tweede definitie
    Er is geen hulp beschikbaar voor tag dt.
    Er is geen hulp beschikbaar voor tag dd.
    Koptekst <h2>Ondertitel</h2>

    Ondertitel

    Koptekst <h3>Ondertitel drie</h3>

    Ondertitel drie

    Koptekst <h4>Ondertitel vier</h4>

    Ondertitel vier

    Koptekst <h5>Ondertitel vijf</h5>
    Ondertitel vijf
    Koptekst <h6>Ondertitel zes</h6>
    Ondertitel zes
    Paragraaf-tags worden standaard automatisch toegevoegd. Gebruik dus deze tag om er extra toe te voegen. <p>Eerste alinea.</p> <p>Tweede alinea.</p>

    Eerste alinea.

    Tweede alinea.

    Regeleinde-tags worden standaard al automatisch aan de tekst toegevoegd, dus gebruik deze tag alleen om extra regeleinden toe te voegen. Het gebruik van deze tag is anders dan andere XHTML-tags omdat het niet bestaat uit een open- en sluit tag-paar. Gebruik de extra "/" binnenin de tag om de XHTML 1.0-compatibiliteit te behouden Tekst met <br />regeleinde Tekst met
    regeleinde
    Er is geen hulp beschikbaar voor tag span.
    Er is geen hulp beschikbaar voor tag img.
    Onderstreept <u>Onderstreept</u> Onderstreept
    Er is geen hulp beschikbaar voor tag s.
    Superscript <sup>Super</sup>script Superscript
    Subscript <sub>Sub</sub>script Subscript
    Ankers worden gebruikt om links te maken naar andere pagina's. <a href="https://www.tuinvandetoekomst.be">Tuin van de toekomst</a> Tuin van de toekomst

    De meeste ongebruikelijke karakters kunnen zonder problemen worden ingevoerd.

    Probeer bij problemen HTML-karaterentiteiten te gebruiken. Een bekend voorbeeld hiervan is &amp; voor een en-teken. Voor en volledige lijst van entiteiten zie de HTML entiteiten-pagina. Voorbeelden van beschikbare karakters:

    Karakterbeschrijving U typt U krijgt
    Ampersand &amp; &
    Groter dan &gt; >
    Kleiner dan &lt; <
    Aanhalingsteken &quot; "
  • Regels en alinea's worden automatisch herkend. Het regeleinde-element <br /> en de alinea-elementen <p> en </p> worden automatisch ingevoegd. Indien alinea's niet herkend worden, kunt u een aantal lege regels toevoegen.
  • Web- en e-mailadressen worden automatisch naar links omgezet.
  • U kunt afbeeldingen, video's, blockquote's en meer links, rechts of gecentreerd uitlijnen. Voorbeelden:

    • Een afbeelding links uitlijnen: <img src="" data-align="left" />
    • Een afbeelding centreren: <img src="" data-align="center" />
    • Een afbeelding rechts uitlijnen: <img src="" data-align="right" />
    • … en dit kan ook worden toegepast op andere elementen: <video src="" data-align="center" />
  • U kunt bijschriften toevoegen aan afbeeldingen, video's, blockquotes, enzovoort. Voorbeelden:

    • <img src="" data-caption="Dit is een bijschrift" />
    • <video src="" data-caption="De Drupal Dans" />
    • <blockquote data-caption="Dries Buytaert">Drupal is geweldig!</blockquote>
    • <code data-caption="Hallo wereld in JavaScript.">alert("Hallo wereld!");</code>

Platte tekst

  • Geen HTML toegestaan.
  • Regels en alinea's worden automatisch herkend. Het regeleinde-element <br /> en de alinea-elementen <p> en </p> worden automatisch ingevoegd. Indien alinea's niet herkend worden, kunt u een aantal lege regels toevoegen.
  • Web- en e-mailadressen worden automatisch naar links omgezet.