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.

    For more information see the HTML Living Standard or use your favorite search engine to find other sites that explain HTML.

    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.