HTML CSS

Met het gebruik van HTML4.0 kunnen alle opmaakcodes worden verwijderd uit het HTML-document en vervolgens worden overgebracht naar een onafhankelijke stijltabel.

Voorbeeld

Stijl in HTML
Dit voorbeeld demonstreert hoe je HTML opmaakt met behulp van stijlinformatie die is toegevoegd aan het <head>-gedeelte.
Link zonder onderlijn
Dit voorbeeld demonstreert hoe je een link maakt zonder onderlijn met behulp van de stijl-eigenschappen.
Koppelen aan een externe stijltafel
Dit voorbeeld demonstreert hoe je een <link>-tag koppelt aan een externe stijltafel.

Hoe stijl te gebruiken

Wanneer de browser een stijltabel leest, formatteert hij het document volgens deze stijltabel. Er zijn drie manieren om een stijltabel in te voegen:

Externe stijltafel

Wanneer het stijltoepassing op veel pagina's moet worden toegepast, is een externe stijltafel de ideale keuze. Met een externe stijltafel kunt u de hele site's uiterlijk wijzigen door een bestand aan te passen.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

Interne stijltafel

Wanneer een enkel bestand speciale stijlen vereist, kan een interne stijltafel worden gebruikt. Je kunt een interne stijltafel definiëren door de <style>-tag in de head-sectie te gebruiken.

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

Inline stijlen

Wanneer speciale stijlen nodig zijn voor individuele elementen, kunnen inline stijlen worden gebruikt. De methode om inline stijlen te gebruiken is door stijlkenmerken in de relevante tags te gebruiken. Stijlkenmerken kunnen elke CSS-eigenschap bevatten. Het volgende voorbeeld toont hoe de kleur van een paragraaf en de linkermarge kunnen worden gewijzigd.

<p style="color: red; margin-left: 20px">
Dit is een paragraaf
</p>

Bezoek onze CSS Handleiding，meer te weten komen over stijlen.

Tag Beschrijving
<style> Definieer stijldefinities.
<link> Definieer een bronverwijzing.
<div> Definieer een sectie of gebied (blok) binnen een document.
<span> Definieer een klein blok of gebied binnen een document.
<font> Stel de lettertype, lettergrootte en letterkleur van de tekst in. Dit wordt niet aanbevolen. Gebruik stijlen in plaats daarvan.
<basefont> Definieer de basislettertype. Dit wordt niet aanbevolen. Gebruik stijlen in plaats daarvan.
<center> Tekst horizontaal centreren. Dit wordt niet aanbevolen. Gebruik stijlen in plaats daarvan.