HTML 5: Tekst opmaken

artikel details Artikel details
In Artikels » HTML
Door BigSmoke
11-02-2008 17:42
Bron
HTML, website, pagina
share Share
Toevoegen aan eKudos Toevoegen aan NUjij Toevoegen aan Technorati Toevoegen aan Del.icio.us facebook E-mail naar een vriend Plaatsen/stemmen op MSN Reporter Blig it! Voeg toe op netjes.be
artikels Soortgelijke artikels
Volledig artikel Cheat Sheets
Volledig artikel HTML 1: Wat is HTML
Volledig artikel HTML 2: Hyperlinks
Volledig artikel HTML 3: Afbeeldingen
Volledig artikel HTML meta tags


Adverteren bij Daisycon

Met HTML kun je elk stukje tekst naar wens opmaken. Zo kun je bijvoorbeeld het lettertype aanpassen of de tekst vet maken of schuin zetten. Dit kun je allemaal bekomen door het gewenste stukje tekst tussen een welbepaalde tag te zetten. Zoals je waarschijnlijk al weet, hoort alles wat je wilt dat de bezoeker mag zien (afbeeldingen en tekst) tussen de body tags.

Enkele tags vooraf.
<br> Een nieuwe lijn beginnen.
<p> een paragraaf

Tekst effecten


1. vet (bold)

    <b>Een vette tekst</b>

    Een vette tekst

Een equivalent voor deze tag is <strong>

2. Schuin (italic)

    <i>Een schuine tekst</i>

    Een schuine tekst

3. Onderstreept (Underlined)

    <u>Een onderlijnde tekst</u>

    Een onderlijnde tekst

4. Overige

    <tt>Een typmachine tekst</tt>
    <strike>Een doorstreepte tekst</strike>
    <big>Grote tekst</big>
    <small>Kleine tekst</small>

    Een typmachine tekst
    Een doorstreepte tekst
    Grote tekst
    Kleine tekst

De grootte van de tekst


Dit kan tevens worden aangepast door gebruik te maken van H tags. (Headings)

h1 voor extra grote tekst

Een h2 tekst

h3 voor 'normale' tekst

Een h4 tekst

Een h5 tekst
h6 voor extra kleine tekst

Je kan de grootte ook aanpassen door gebruik te maken van de zogenaamde font tag.

<font size="6">Voor een hele grote tekst</font>

Het size attribuut kan tevens vervangen worden door een getal + of -. Dan wordt de tekst tussen deze tag weergegeven kleiner of groter dan de basislettergrootte. vb (<font size="+2">tekst</font>).

Met de font tag kan je nog veel meer aanpassen zoals de kleur en het lettertype:

<font face="Verdana, Arial, Helvetica" size="3" color="#D0D0D0">Lorem Ipsum Dolor sit amet</font>

Lorem Ipsum Dolor sit amet

De tekst tussen deze tags zal worden weergegeven als lettergrootte 3 en als kleur #D0D0D0. Bij de kleur wordt gebruikgemaakt van de Hexadecimale waarde. Maar je kan ook werken met tekst als Red, Green, Blue, Grey,....
Vervolgens zal de tekst het lettertype Verdana krijgen. Als de bezoeker van de pagina dit lettertype niet heeft wordt Arial gekozen en ten slotte Helvetica.


Er zijn nog geen reacties op dit artikel.
Om op dit artikel te reageren dient u een account aan te maken.


webhog