In elke losse pagina kun je style code toevoegen.
In de body kun je de volgende code opnemen:
<html> <head> <title>style in de body</title> </head>
<body>
<style>
<!--
h1 { font-size: 24pt;
font-family: Arial;
fontweigtht: bold;
line-height: 36pt;
text-indent: 6pt;
color: Silver;
background: Maroon;
}
body { font-size: 18pt;
font-family: Century Schoolbook;
fontweight: normal;
line-height: 20pt;
color: Purple;
-->
</style>
<h1> Dit is tekst met stijl </h1>
De inhoud van de body is van stijlen voorzien.<br>
Dit werkt alleen als <br>de Century Schoolbook en de Garamond geïnstalleerd zijn
<span style=" font-size: 44pt;
font-family:Garamond;
margin-left: 40pt;
color:red;">Garamond text
</span>
</body> </html>
|
Het resultaat ziet er uit als hiernaast:Als de fonts op je computer staan kun je deze pagina ook echt oproepen door hier te klikken. Je kunt dan de broncode opvragen. De rode Garamond tekst is zomaar in het document van een stijl-tag voorzien. Dit is gebeurt tussen de tags <span> en </span>
Het is ook mogelijk de Style Sheets te definiëren in een extern Style document en vanuit het document naar dit externe document te verwijzen met een <link> tag in de heading van het document. Je kunt dan eenvoudig de opmaak aanpassen van alle documenten te gelijk, als ze mnaar dit bestand verwijzen. Het document dat de stijlcode bevat krijgt bij het opslaan de extensie *.css .
Bovenaan in de HTML code van dit document is ook naar een externe stijlsheet verwezen.terug