Opsteltips

Eenvoudige HTML

• Toegelaten HTML-tags: <a href hreflang class data-dialog-options data-dialog-type data-dialog-renderer> <em> <strong> <dfn class tabindex title> <button class disabled> <blockquote cite> <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> <table> <caption> <tbody> <thead> <tfoot> <th> <td> <tr>

  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
  Ankers worden gebruikt om links te maken naar andere pagina's.	<a href="http://civilprotection.solutions">Portfolio of CDM Gaps, Solutions and Trials</a>	Portfolio of CDM Gaps, Solutions and Trials
  Benadrukt	<em>Benadrukt</em>	Benadrukt
  Strong	<strong>Strong</strong>	Strong
  Er is geen hulp beschikbaar voor tag dfn.
  Er is geen hulp beschikbaar voor tag button.
  Blokcitaat	<blockquote>Blokcitaat</blockquote>	Blokcitaat
  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>	Eerste item 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.
  Tabel	<table> <tr><th>Tabelkop</th></tr> <tr><td>Tabelcel</td></tr> </table>	Tabelkop Tabelcel
  Er is geen hulp beschikbaar voor tag caption.
  Er is geen hulp beschikbaar voor tag tbody.
  Er is geen hulp beschikbaar voor tag thead.
  Er is geen hulp beschikbaar voor tag tfoot.
  Er is geen hulp beschikbaar voor tag th.
  Er is geen hulp beschikbaar voor tag td.
  Er is geen hulp beschikbaar voor tag tr.

  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	&	&
  Groter dan	>	>
  Kleiner dan	&lt;	<
  Aanhalingsteken	&quot;	"

• 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>
• Alleen afbeeldingen die op deze site worden gehost, mogen worden gebruikt in <img> labels.