Voorbeeld voor IJkpunt
6.1, vervolg.
Voorbeeld
Dia 53 van 120
Dia 53 van 120
Voorbeeld voor IJkpunt |
Voorbeeld
Dia 53 van 120
|
Deze gestileerde tekst blijkt dezelfde te zijn als in het vorige voorbeeld:
Dit voorbeeld gebruikt stijlattributen om zowel de
verticale als de horizontale positie te specificeren:
<STYLE TYPE="text/css">
<!–
.part1 /* De snelle */ { color: red; font-size: 14pt;
padding-left: 0; margin-top: 40px;
font-family: copperplate gothic bold, fantasy, sans-serif }
.part2 /* bruine vos */ { color: brown; font-size: 10pt;
padding-left: 100px; margin-top: 30px;
font-family: times new roman, desdemona, serif }
.part3 /* sprong over */ { color: purple; font-size: 18pt;
padding-left: 200px; margin-top: -60px;
font-family: desdemona, times new roman, serif }
.part4 /* de luie hond */ { color: blue; font-size: 24pt;
padding-left: 350px;
margin-top: -100px; margin-bottom: 100px;
font-family: fantasy, copperplate gothic bold, sans-serif }
–>
</STYLE>
By letting the style commands lay out your text on the display,
you can order the content logically in the HTML file, like this:
<DIV class=part1>De snelle</DIV>
<DIV class=part2>bruine vos</DIV>
<DIV class=part3>sprong over</DIV>
<DIV class=part4>de luie hond.</DIV>
So, if style sheets were turned off or not supported in your browser, you would read:
De snelle
bruine vos
sprong over
de luie hond
Naar IJkpunten voor Richtlijn 6.
    |
|
|