Rubrieken
|
Cursus html
Hoofdstuk 4: Body
Voor dit hoodstuk te begrijpen moet je kennis hebben van het hoofdstuk "opbouw" en het hoofdstuk "tags"
Zo als al verteld werd wordt in de <Body>-tag de webite zelf gebouwd. Alles wat er in dit gedeelte geschreven wordt, verschijnt op de website.
4.1 Lettergrootte
De lettergrootte wordt bepaald met tags die afgesloten moeten worden. Dit zijn de tags van groot naar klein:
- <h1></h1>
Ik leer html
- <h2></h2>
Ik leer html
- <h3></h3>
Ik leer html
- <h4></h4>
Ik leer html
- <h5></h5>
Ik leer html
- <h6></h6>
Ik leer html
4.2 Tekst opmaak
Met de lettergrootte alleen zijn we uiteraard niet genoeg, nu gaan we leren hoe we onze tekst vetgedrukt (bold) schuingedrukt (italics) of onderlijnd (underlined) kunnen maken. Ook de tags die we hiervoor gebruiken moeten afgesloten worden.
Als we een tekst vetgedrukt willen maken, gebruiken we <b></b>, voor tekst schuingedrukt te maken gebruiken we <i></i> en tot slot om de tekst te onderlijnen gebruiken we <u></u>.[Let op het nestellen van de tags]. Een voorbeeld:
<b></b>Ik leer html
<i></i>Ik leer html
<u></u>Ik leer html
4.3 Tekstkleur en lettertype
De tekstkleur en lettertype kan op veel verschillende manieren, we beginnen met de gemakkelijkste, de <font> tag. Deze tag moet gesloten worden. De tekst wordt ertussen geplaatst. Binnen de opening van de <font> tag komen parameters, dat zijn de eigenschappen die ook de text ertussen krijgt, we geven de parameters weer in volgende tabel:
|
Parameter
|
uitleg
|
Voorbeeld
|
Zo ziet het eruit
|
|
face
|
Hiermee wordt het lettertype bepaald
|
<font face="arial">Mijn font tag</font>
|
Mijn font tag |
|
Color
|
Hiermee geef je de kleur weer.
|
<font color="red">Mijn font tag </font>
|
Mijn font tag
|
|
size
|
Hiermee geef je de grote mee als je <h1> enzo niet gebruikt 1 is het kleinste en 7 het grootste.
|
<font size=1>Mijn font tag</>
|
Mijn font tag
|
|
color
|
Bij de parameter color kan je ook kleurencodes gebruiken.
|
<font color="ffff33">Mijn font tag</font>
|
Mijn font tag
|
Een combinatie van alle parameters tesamen kan:
<font face="fantasy" color="red" size="7">Dit is een voorbeeld van een font tag met alle parameters.</font>
Dit is een voorbeeld van een font tag met alle parameters.
4.4 Praktijkopdracht
Nadat hebben je de theorie hebt gezien, komt er nu een opdrachtje. Maak een webpagina met een hoofding: Mijn webpagina, daarna een ondertitel: Over html. Dan type je een tekstje over HTML: HTML is een scripting taal voor statische websites. De afkorting betekent HyperText Markup Language, de uitleg van de afkorting moet schuingedrukt staan, titels onderlijnd en in bold, ondertitels alleen onderlijnd. Vanonder schrijf ja in het rood en heel klein: Powered by <je naam>. Nog een hulpje: de ondertitel moet op een andere lijn staan dan de hoofding dus gebruik achter elke titel en op het einde van de tekst <br><br>(dit komt later nog ter sprake maar is nu nog enkel een hulpje).Maak dit in kladblok en sla het oip als opdracht1.htm
[voorbeeld] [Oplossing]
|