Bouw je eigen website met Kompozer
HTML code (Lichtkrant)
HTML is een scripttaal dat wil zeggen het html bestand bevat codes die vanaf de webserver wordt opgehaald en door je computer thuis op volorde van waar ze in het script staan worden uitgevoerd.
Als voorbeeld maken we een lichtkrant (bewegende tekstregel) Dit met
het commando MARQUEE
Een code in HTML begint altijd met <CODE> dan vogt wat er moet gebeuren en eindigt met </CODE>.
Voor een lichtkrant met de text Lichtkrant van (je naam) is dit de code <MARQUEE> Lichtkrant van je naam)</MARQUEE>
We maken een nieuwe (lege) pagina aan noemen deze lichtkrant.html en slaan deze op in de map documente\website(je naam). Als je nu op het tabblad Bron onderaan op de pagina klikt krijg je de code te zien waaruit de lege website bestaat.
_____________________________________________
<html>
<head>
<meta content="text/html;
charset=ISO-8859-1"
http-equiv="content-type">
<title>lichtkrant</title>
</head>
<body>
<br>
</body>
</html>
_____________________________________________
Voeg na de regel <br> de code voor het maken van een lichtkrant (zie voorbeeld hieronder.
_____________________________________________
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>lichtkrant</title>
</head>
<body>
<br>
<MARQUEE> Lichtkrant van (je
naam)</MARQUEE>
</body>
</html>
_____________________________________________
Sla je pagina op en klik op
bekijken.
Klik hier om het voorbeeld te zien.
We voegen nu de code
<H1> </H1> (Groot lettertype) toe voor en na de de marquee
code
<body>
<br>
<H1>
<MARQUEE> Lichtkrant van (je
naam)</MARQUEE>
</H1>
</body>
Klik hier om het voorbeeld te zien
Als laatste voegen we nog een
ander kleurtje toe met de code <span>
<body>
<br>
<h1>
<span style="color: rgb(153, 51, 0);">
<marquee> Lichtkrant van (je naam)</marquee>
</span>
</h1>
</body>
Klik hier om het voorbeeld te zien.
Tot zover een beetje HTML code.
Je kunt de html code doorgronden door in kompozer gemaakte websites te bekijken door op het tabblad bron onder aan de pagina te klikken.
Als je echt in HTML code wilt
werken is een texteditor beter. Ik gebruik naast Kompozer ook vaak
bluefish editor. Die geeft de verschllende codes aan in kleuren zodat
je een sneller inzicht krijgt in de codes.
Hierboven een voorbeeld
