Editie 190 - HTML-cursus
Deze rubriek is geschreven door Kloep!
Hallo, en welkom bij de HTML-cursus van OWN. In deze rubriek ga ik (Kloep) zaken vertellen die handig zijn om te weten als je met HTML aan de slag gaat. Later zullen we HTML verder gaan uitwerken, dit ook onder andere met behulp van CSS. Als we dit allemaal hebben gehad, gaan we over naar wat Javascript. In het begin zullen we dus met de basis beginnen, maar zonder deze basis kun je niet verder komen. In deze cursus zul niet alleen lappen tekst te zien krijgen, maar alles zal worden uitgelegd door middel van afbeeldingen. Hierdoor zullen het geen saaie lange verhalen worden, maar zal alles in kleine stappen worden uitgelegd.
In deze rubriek maken we gebruik van het programma Notepad++ en Google Chrome. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Chrome de codes anders weer als bijvoorbeeld Internet Explorer of Firefox.
Deze week bekijken we hoe je de tekstgrootte gemakkelijk kunt wijzigen.
Tekstgrootte automatisch wijzigen
Deze week leren we om bovenstaande afbeelding te maken met een simpel scriptje. Zie onderstaande code:
Body:
<script type="text/javascript">
var message="Welkom op onze site!";
var format=message.toUpperCase();
var size=1;
for (i=0;i<message.length;i++){
document.write(format.charAt(i).fontsize(size).bold())
if (size<7) {
size++
}
else {
size=1
}
}
</script>
Plaats deze code in je BODY, en je krijgt de afbeelding. Zelf kun je natuurlijk dingen wijzigen. Zo kun bijvoorbeeld de tekst wijzigen. Hieronder zie je een afbeelding met een andere tekst:
En dat was het dan alweer voor deze week. Hopelijk tot de volgende keer!
0 reacties
Recommended Comments
Er zijn geen reacties om weer te geven.