HTML Stijl
- Vorige pagina HTML Paragrafen
- Volgende pagina HTML Formatering
De style-eigenschap wordt gebruikt om de stijl van HTML-elementen te wijzigen.
Deze tekst is in Verdana en rood Deze tekst is in Times en blauw Deze tekst is 30 pixels hoog
HTML's style-eigenschap
De werking van de style-eigenschap:
biedt een algemene methode om de stijl van alle HTML-elementen te wijzigen.
Stijlen zijn geïntroduceerd in HTML 4 en zijn een nieuwe voorkeursmethode om de stijl van HTML-elementen te wijzigen. Met HTML-stijlen kun je direct stijlen toevoegen aan HTML-elementen met behulp van de style-eigenschap, of indirect definiëren in een afzonderlijke stijltafel (CSS-bestand).
Je kunt alles leren over stijlen en CSS in onze CSS Tutorialleren over stijlen en CSS.
In onze HTML-tutorial zullen we de eigenschap style gebruiken om je HTML-stijlen uit te leggen.
Niet aanbevolen tags en eigenschappen
In HTML 4 zijn er verschillende tags en eigenschappen die zijn verouderd. Verouderd (Deprecated) betekent dat deze tags en eigenschappen in toekomstige versies van HTML en XHTML niet worden ondersteund.
De informatie die hier wordt overgebracht is duidelijk: vermijd deze verouderde tags en eigenschappen!
Je zou deze tags en eigenschappen moeten vermijden:
| Tag | Beschrijving |
|---|---|
| <center> | Definieer centreren van inhoud. |
| <font> en <basefont> | Definieer HTML lettertype. |
| <s> en <strike> | Definieer doorgetrokken tekst |
| <u> | Definieer onderstreep tekst |
| Eigenschap | Beschrijving |
| align | Definieer de uitlijning van de tekst |
| bgcolor | Definieer de achtergrondkleur |
| color | Definieer de tekstkleur |
Voor deze tags en eigenschappen: gebruik stijlen in plaats van!
HTML Stijl Voorbeeld - Achtergrondkleur
De eigenschap background-color definieert de achtergrondkleur van een element:
<html> <body style="background-color:yellow"> <h2 style="background-color:red">Dit is een kop</h2> <p style="background-color:green">Dit is een alinea.</p> </body> </html>
De style-eigenschap heeft de "oude" bgcolor-eigenschap vervangen.
Probeer het zelf: Oude methode om achtergrondkleur in te stellen
HTML Stijlvoorbeeld - Lettertype, kleur en grootte
De eigenschappen font-family, color en font-size definiëren respectievelijk de lettertypefamilie, kleur en lettergrootte van de tekst van het element:
<html> <body> <h1 style="font-family:verdana">Een kop</h1> <p style="font-family:arial;color:red;font-size:20px;">Een alinea.</p> </body> </html>
De style-eigenschap heeft de oude <font>-tag vervangen.
HTML Stijlvoorbeeld - Tekstuitlijning
De text-align-eigenschap bepaalt de horizontale uitlijning van de tekst van het element:
<html> <body> <h1 style="text-align:center">Dit is een kop</h1> <p>De kop hierboven is uitgelijnd aan het midden van deze pagina.</p> </body> </html>
De style-eigenschap heeft de oude "align"-eigenschap vervangen.
- Vorige pagina HTML Paragrafen
- Volgende pagina HTML Formatering
