Tekstopmaak en tekstweergave

FONT  B  I  U  S  BR  Hx  P  LI  UL  OL

De tekst die je in de website neerzet krijgt een standaard opmaak. Dit kan veranderd worden. Hieronder staat een overzicht met manieren om de tekst op te maken.

Kijk voor het gebruik van opsomminglijsten ook op deze pagina.

FONT
 Met het FONT element kan je de tekst een ander uiterlijk geven. Je opent FONT met <FONT> en je sluit FONT met </FONT>. In de eerste tag van FONT komen de attributen. De onderstaande attributen behoren dus in dit element:<FONT>.

  • SIZE
    Met dit attribuut wordt de grootte bepaald voor de tekst. De grootte is van 1 tot 7. 1 is het kleinst en 7 is het grootst.
    <FONT SIZE="waarde">Tekst, </FONT>

    Voorbeeld:
    <FONT SIZE="1">Size 1, </FONT><FONT SIZE="2">Size 2, </FONT><FONT SIZE="3">Size 3, </FONT><FONT SIZE="4">Size 4, </FONT><FONT SIZE="5">Size 5, </FONT><FONT SIZE="6">Size 6, </FONT><FONT SIZE="7">Size 7, </FONT>
    Size 1 Size 2 Size 3 Size 4 Size 5 Size 6 Size 7

  • COLOR
    Met COLOR kunt u de kleur bepalen voor de tekst die tussen <FONT> en </FONT> staat. U kunt hiervoor kleurcodes gebruiken. Ook zijn er enkele kleuren in woorden in HTML. Dit zijn er een beperkt aantal, zoals blue, red, en black.
    <FONT COLOR="kleur">tekst</FONT>

    Voorbeeld:
    <FONT COLOR="FF0000">Tekst rood</FONT>
    Tekst rood

  • FACE
    Met FACE zijn de lettertypen te bepalen. Let er wel op, dat het een algemeen lettertype is. Die op alle computers met Windows staat. Dus geen gedownloade lettertypen. Je kan een tweede lettertype toevoegen door deze met een komma te scheiden. Het tweede lettertype wordt gebruikt als de eerste niet te vinden is op de computer van de gebruiker.
    <FONT FACE="lettertype1, lettertype2">tekst</FONT>

    Voorbeeld:
    <FONT FACE="elephant, arial">Tekst lettertype</FONT>
    Tekst lettertype

B
 Met het B element kan je een tekst dik gedrukt weergeven. B staat voor Bold. Je opent het B element met <B> en je sluit het af met </B>

Voorbeeld:
<B>tekst</B>
tekst


I
 Met het I element kan je een tekst cursief gedrukt weergeven. I staat voor Italic. Je opent het I element met <I> en je sluit het af met </I>
Voorbeeld:
<I>tekst</I>
tekst


U
 Met het U element kan je een tekst onderstreept gedrukt weergeven. U staat voor Underlined. Je opent het U element met <U> en je sluit het af met </U>
Voorbeeld:
<U>tekst</U>
tekst


S
 Met het S element kan je een tekst doorgestreept weergeven. Je opent het S element met <S> en je sluit het af met </S>
Voorbeeld:
<S>tekst</S>
tekst


BR
 Je gebruikt BR om een enter (volgende regel) in een zin toe te voegen. Je hoeft <BR /> niet af te sluiten.
Voorbeeld:
Tekst 1<BR />Tekst 2
Tekst 1
Tekst 2

Hx
 Je gebruikt het Hx element om een koptitel aan te maken. De x achter de H geeft een waarde aan. De x wordt vervangen door een waarde van 1 tot 6. Je heb dus H1 tot H6. H1 is de grootste koptitel en H6 is de kleinste koptitel. Onder de koptitel wordt een witruimte gegeven. De hoogte hiervan is afhankelijk van de grootte van de koptitel. Je opent het Hx element met <H1> en je sluit het af met </H1>. Tussen deze elementen zet je de gewenste tekst.

Voorbeeld:
<H1>Koptekst 1</H1>
<H3>Koptekst 2</H3>
<H6>Koptekst 3</H6>

Koptekst 1

Koptekst 2

Koptekst 3

P
 Je gebruikt het P element om een paragraaf aan te maken. Je opent het P element met <P> en je sluit het af met </P>

Voorbeeld:
<P>Dit zijn de zinnen die samen voor paragraaf 1 zorgen. Deze paragraaf wordt zometeen afgesloten om aan paragraaf 2 te beginnen.</P>
<P>Dit zijn de zinnen die samen voor paragraaf 2 zorgen. Deze paragraaf wordt zometeen afgesloten.</P>

Dit zijn de zinnen die samen voor paragraaf 1 zorgen. Deze paragraaf wordt zometeen afgesloten om aan paragraaf 2 te beginnen.

Dit zijn de zinnen die samen voor paragraaf 2 zorgen. Deze paragraaf wordt zometeen afgesloten.


Geordende en ongeordende lijsten:

LI
 Met het LI element maak je een item aan in de opsomminglijst. Je opent het LI element met <LI> en je sluit het af met </LI>

Voorbeeld:
<LI>Item 1 </LI>
<LI>Item 2 </LI>
<LI>Item 3 </LI>

  • Item 1
  • Item 2
  • Item 3

    • UL
     Met het UL element geef je aan dat het om een ongeordende opsomminglijst gaat. Met het UL element open en sluit je een opsomminglijst. Met het UL element is de lijst niet opgesomd met getallen of letters. Je opent het UL element met <UL> en je sluit het af met </UL>. Tussen het UL element zet je het LI element.

    • TYPE
      Met het TYPE attribuut kan je een symbool kiezen wat je wilt gebruiken voor de aanduiding van een item. Er zijn 3 soorten symbolen. Achter TYPE zet je de waarde. Er zijn dus 3 waarden voor dit attribuut. In het voorbeeld hieronder staan de 3 waarden.

      Voorbeelden:
      <UL TYPE="square">
      <LI>Item 1 </LI>
      <LI>Item 2 </LI>
      <LI>Item 3 </LI>
      </UL>

      • Item 1
      • Item 2
      • Item 3


      <UL TYPE="circle">
      <LI>Item 1 </LI>
      <LI>Item 2 </LI>
      <LI>Item 3 </LI>
      </UL>

      • Item 1
      • Item 2
      • Item 3


      <UL TYPE="disc">
      <LI>Item 1 </LI>
      <LI>Item 2 </LI>
      <LI>Item 3 </LI>
      </UL>

      • Item 1
      • Item 2
      • Item 3

    OL
     Met het OL element geef je aan dat het om een geordende opsomminglijst gaat. Met het OL element open en sluit je een opsomminglijst. Met het OL element is de lijst genummerd met getallen of letters. Je opent het OL element met <OL> en je sluit het af met </OL>. Tussen het OL element zet je het LI element.

    • TYPE

      Met het TYPE attribuut kan je een symbool kiezen wat je wilt gebruiken voor de aanduiding van een item. Er zijn 3 soorten symbolen. Achter TYPE zet je de waarde. Er zijn dus 3 waarden voor dit attribuut. In het voorbeeld hieronder staan de 3 waarden.
      Voorbeelden:
      <OL TYPE="a">
      <LI>Item 1 </LI>
      <LI>Item 2 </LI>
      <LI>Item 3 </LI>
      </OL>

      1. Item 1
      2. Item 2
      3. Item 3


      <OL TYPE="I">
      <LI>Item 1 </LI>
      <LI>Item 2 </LI>
      <LI>Item 3 </LI>
      </OL>

      1. Item 1
      2. Item 2
      3. Item 3


      <OL TYPE="1">
      <LI>Item 1 </LI>
      <LI>Item 2 </LI>
      <LI>Item 3 </LI>
      </OL>

      1. Item 1
      2. Item 2
      3. Item 3


    • START
      Met het START attribuut geef je aan waar de nummering moet beginnen. De waarde kan alleen maar een getal zijn. Dus als je bij de letter e wilt beginnen dan is dit getal 5 zijn. Voorbeelden:
      <OL TYPE="a" START="5" >
      <LI>Item 1 </LI>
      <LI>Item 2 </LI>
      <LI>Item 3 </LI>
      </OL>

      1. Item 1
      2. Item 2
      3. Item 3


      <OL TYPE="1" START="11">
      <LI>Item 1 </LI>
      <LI>Item 2 </LI>
      <LI>Item 3 </LI>
      </OL>

      1. Item 1
      2. Item 2
      3. Item 3