Overslaan en naar hoofdcontent gaan
Aanmelden
English (United States)

Het gebruik van (inline) HTML codes

  • Bijgewerkt

Standaard opmaak voor jouw documenttemplates probeer je zoveel mogelijk vast te leggen in de stylesheet. Dat is handig omdat wijzigingen in de stylesheet automatisch in alle documenttemplates worden doorgevoerd. Uitzonderingen kun je in de tekst van een documenttemplate aangeven met behulp van HTML codes.

Kijk ook eens op deze sites:

  1. Wikipedia een lijst met HTML elementen.
  2. w3schools.

Tekst opmaak (inline)

<b>tekst</b>

<strong>tekst</strong>

 tekst
<i>tekst</i> tekst
<i>tekst</u> tekst
<span style="color:#c72809">tekst</span>

Met de span-code kun je een gedeelte van de tekst omklemmen en een andere opmaak geven.		 tekst
<br> Enter, ga naar de volgende regel.
<hr> Horizontale lijn.

Tabel

<table> Tabel
<thead> De titel van jouw tabel.
<tbody> De 'invulling' van jouw tabel. Dit zorgt o.a. voor de opmaak van je document, zoals vastgelegd in de stylesheet.
<th> Rij in de thead.
<tr> Rij in de tbody
<td> Kolom. 
      <table>
        <tbody>
        </tbody>
        <tbody>
          <tr>
            <th>Naam:</th>
            <th>Functie:</th>

          </tr>
        </tbody>
        <tbody>
          <tr>
            <td>Simon</td>
            <td>Consultant</td>
          </tr>
          <tr>
            <td>Johanneke</td>
            <td>Teammanager</td>
          </tr>
        </tbody>
        <tbody>
        </tbody>
      </table>
alt


De opmaak van de tabel wordt verzorgd door de stylesheet.
Indien nodig kun je extra opmaak meegeven aan bijvoorbeeld een cel. Dit doe je de <td> HTML-code. Maar, gebruik dit voor uitzonderingen, de standaard opmaakt leg je één keer vast in de stylesheet.

Opsomming, genummerde lijsten

Lijsten kun je maken met een 'unorded list' <ul> of met een 'ordered list' <ol>. In beide gevallen geef je 'list items' aan met de code <li>.
<ul>
          <li>Eerste item uit de lijst</li>
          <li>Tweede item uit de lijst</li>
</ul>
alt
 
<ol>
        <li>Eerste item uit de lijst</li>
        <li>Tweede item uit de lijst</li>
</ol>
alt

Page-break

Met deze code kun je een 'page break' instellen. Daarmee zorg je dat er op een nieuwe pagina verder gegaan wordt.
<div><span></span></div>

Koppen

Vergroot de leesbaarheid van je tekst met behulp van kopjes en de daarbij behorende witregel(s).

<h1>De hoofdtitel</h1>
<h2>Bijvoorbeeld de paragraaf</h2>
<h3>Subonderwerpen</h3>
<h4>Nog een titel</h4>
alt


De opmaak wordt verzorgd door de stylesheet.
Gebruik de <h1> alleen voor het maken van kopjes/titels, niet om iets groot en vetgedrukt weer te geven. Daar kun je andere HTML-codes voor gebruiken.

Kopiëren van HTML code

Merk je dat jouw documenttemplate niet helemaal naar behoren werkt? En heb je een documenttemplate in jouw trainingsomgeving die wel werkt? Dan is het een optie om de HTML-code van de documenttemplate uit de trainingsomgeving te kopiëren en te plakken in jouw live omgeving documenttemplate.

Hoe doe je dit?

  1. Ga naar de trainingsomgeving en klik op jouw documenttemplate dat je wilt kopiëren via Werkproces > documenttemplate.
  2. Ga naar tabblad editor. Je ziet nu de Editor verschijnen. Klik op het tabblad naast de Editor : < > html (zie het screenshot hieronder)
alt
voorbeeld

Ga nu met je muis op de code staan. Selecteer alle code (dit kan ook versneld met CTRL en A) en klik rechtermuisknop > kopiëren (dit kan ook versneld met CTRL en C).

  1. Ga nu naar de live omgeving naar de documenttemplate die je wilt bewerken via Werkproces > documenttemplate.
  2. Ga naar tabblad Editor. Ga naar < >html en selecteer alles (CTRL en A) en delete. Nu plak je de andere code met rechtermuisknop en plakken (dit kan ook versneld met CTRL en V).
    Klik op opslaan.

Verwante artikelen