Tekst op je website zetten

Info 
Door: Admin Moeilijkheidsgraad: 1/3
Views:160.037Reacties: 93(Bekijken)
  Log in om zelf te reageren
 Waardering:9.6/10 (14 stemmen)

HTML: de basis van iedere website» De opbouw van een html bestand | Tekst op je website zetten | Kleuren op je website | Lettertypen | Hyperlinks maken | Tabellen | Frames | Meer informatie over frames | Lijsten maken | Formulieren maken | I-frames | Metatags




Tekst vet, schuin, onderlijnd plaatsen

Nu je al tekst op je website kan plaatsen zullen we nu leren hoe je het uiterlijk van de tekst kunt veranderen. Neem de code zoals hieronder over.

<html>     
<head>
<title>Mijn eerste website</title>
</head>

<body>      
<b>Deze tekst staat in het vet.</b><br />
<i>Deze tekst is cursief.</i><br />
<u>Deze tekst is onderlijnd.</u>
</body>     

</html>    

Sla op en bekijk het resultaat. Je ziet dat de eertse regel nu in het vet staat afgedrukt. Natuurlijk kun je tekst niet alleen vet afdrukken. Ook cursief is mogelijk, met de tag <i> in plaats van de b zet je nu dus een i(talic) neer zoals je hierboven ook ziet. Ook kun je de tekst onderstrepen door in plaats van b(old) een u(nderscore) neer te zetten <u></u>. Door <s></s> te gebruiken wordt de tekst doorstreept. Dit zijn zowat de belangrijkste tekstopmaak-tags, meer heb je voorlopig nog niet nodig als beginner.

Tip: Om je tekst op een nieuwe regel te laten beginnen kan je gebruik maken van de tag <br /> (Break-line). Deze tag heeft geen eindtag nodig omdat je in de begintag door de "/" al aangeeft dat de tag wordt afgesloten.

Tekstgrootte

We willen natuurlijk ook de tekstgrootte van onze tekst kunnen aanpassen. Dit doen we op de volgende manier.

<html>     
<head>
<title>Mijn eerste website</title>
</head>

<body>      
<font size="5">Dit een tekst in een grote tekstgrootte.</font>
<font size="1">Dit een tekst in een kleine tekstgrootte.</font>
</body>     

</html>    

Bij font-size kan je gebruik maken van 7 grootes (1 t/m 7) waarbij een font-size van 1 voor het kleinste lettertype staat en 7 voor het grootste.

Lettertypes

Je kan ook verschillende lettertypes gebruiken voor je tekst. Dit doen we op de volgende manier.

<html>     
<head>
<title>Mijn eerste website</title>
</head>

<body>      
<font face="Verdana">Deze tekst heeft lettertype Verdana.</font>
<font face="Arial" size="3">Dit is Arial in font-size 3.</font>
</body>     

</html>    

Met font face kunnen we kiezen welk letterype moet worden gebruikt. Indien je geen font face gebruikt zal de browser altijd automatisch Arial gebruiken. Je kan natuurlijk ook de verschillende opmaken combineren met elkaar zoals we in de 2de regel van het voorbeeld hierboven hebben gedaan.

Alinea's

Het is handig om, bij het begin van een nieuwe alinea (paragraph in het Engels) een <p>-tag te gebruiken. De browser laat dan een witregel open tussen die tekst en de volgende alinea. De <p>-tag sluit je dan weer af met </p>.

Wil je je tekst centreren? Doe dat dan als volgt:

<html>     
<head>
<title>Mijn eerste website</title>
</head>

<body>      
<p align="center">Dit is een gecentreerde tekst.</p>
</body>     

</html>    

Je ziet dat de tag <p> nog meer info bevat. align="center" geeft aan dat de tekst in het midden uitgelijnd moet worden. Andere manieren van uitlijnen zijn left en right. Wil je links uitlijnen, dan hoef je left niet per se te specificeren, omdat de browser automatsich links uitlijnt als er verder niets aan staat gegeven.

H-tags

In HTML kun je ook verschillende kopjes gebruiken. Dat doe je door de <h>-tags. Deze doen in principe wel hetzelfde als de "font size" die we eerder al gebruikt hebben maar het verschil is dat de h-tags bedoelt zijn om als titel te gebruiken. Alleen <h> gebruiken is niet genoeg, er moet ook een getal van 1 t/m 6 achter staan. 1 geeft de grootste kop, 6 de kleinste. Ook de <h>-tags moeten weer afgesloten worden met </h>.

<html>     
<head>
<title>Mijn eerste website</title>
</head>

<body>      
<h1>Dit is een H1 titel.</h1>
<h2>Dit is een H2 titel.</h2>
</body>     

</html>    

«De opbouw van een html bestand Kleuren op je website »

93 reacties
eijasungl Geplaatst op 16-11-2010 om 18:42
 

Regular
@WhoKnowZ, wat al eerder werd gesuggereerd: als je zowel H als align wil gebruiken, moet je eerst de H formule neerzetten en dan de align.

Ik liep tegen het zelfde probleem aan en kwam erachter dat dit de juiste manier van schrijven is.

Ik neem aan dat dit voor meer functies geld, misschien handig om een lijst van volgordes neer te zetten?
anceli Geplaatst op 23-09-2010 om 21:36
 

Regular
Wat is nou het verschil tussen een kop(h1..h6) en een font size?
maverick1 Geplaatst op 30-04-2010 om 20:23
 

Regular
Fascinerend :-)
joevan74 Geplaatst op 10-03-2010 om 21:57
 

Regular
perfect :d
Twinus Geplaatst op 05-03-2010 om 14:55
 

Regular
Hoe krijg je zoiets dan op het net?

Pagina 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!


Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be, uw Hosting Solution Builder