In deze les wil ik je graag laten zien hoe je een eenvoudige HTML code kunt schrijven en gebruiken op je website. Dit zijn gratis en makkelijk in het tekst tabblad in te vullen codes. Je kunt op vele manieren aanpassingen maken, hier volgen er een aantal. Daar waar ik de tekst rood heb gemaakt, kun je je eigen waarden en plaatjes inbrengen. De volgende codes komen aan bod. Hoe schrijf je een HTML code voor het inspringen van tekst of een plaatje, een tabel, een gekleurd blok en aanpassing van je texten.

1. Hoe schrijf je een HTML code voor het inspringen van tekst of een plaatje?

Deze eerste code maakt dat je plaatje precies daar komt waar je het wilt hebben.

<p style=”padding-left: 390px;”></p>

Hoe schrijf je een HTML code

<p style=”padding-left: 390px;”><a href=”http://eigensitemaken.siterubix.com/wp-content/uploads/2015/03/htmlcode.jpg”><img src=”http://eigensitemaken.siterubix.com/wp-content/uploads/2015/03/htmlcode-150×150.jpg” alt=”htmlcode” width=”150″ height=”150″ class=”alignnone size-thumbnail wp-image-699″ /></a></p>

 

Hoe schrijf je een HTML code

<p style=”padding-left: 200px;”><a href=”http://eigensitemaken.siterubix.com/wp-content/uploads/2015/03/htmlcode.jpg”><img class=”alignnone size-thumbnail wp-image-699″ src=”http://eigensitemaken.siterubix.com/wp-content/uploads/2015/03/htmlcode-150×150.jpg” alt=”htmlcode” width=”150″ height=”150″ /></a></p>

2. Hoe schrijf je een HTML code voor een tabel?

Alles wat je in een tabel stopt komt netjes uitgelijnd op je website.

<table style=”width:100%”>
<tr>
<td>Loes</td>
<td>Knetsch</td>
<td>55</td>
</tr>
<tr>
<td><img src=”http://eigensitemaken.siterubix.com/wp-content/uploads/2015/03/htmlcode-150×150.jpg” alt=”htmlcode” width=”150″ height=”150″ class=”alignnone size-thumbnail wp-image-699″ /></td>
<td>html</td>
<td>code 2</td>
</tr>
</table>

Elke regel is aangegeven met   <tr><</tr>

Elke kolom is aangegeven met <td></td>

 Dit is het resultaat van bovenstaande code.

Loes Knetsch 55
Hoe schrijf je een HTML code html code 2

3. Hoe schrijf je een HTML code voor een blok?

<div style=”background-color:black; color:white; margin:20px; padding:20px;”>

<h2>Wealthy Affiliate</h2>

<p>
Wealthy Affilate University gives the best internet course Worldwide, with their 95-99% rating, they have no competition, whatsoever!
</p>

</div>

Wealthy Affiliate

Wealthy Affilate University gives the best internet course Worldwide, with their 95-99% rating, they have no competition, whatsoever!

You can change the color and margin.

<div style=”background-color:red; color:black; margin:5px; padding:5px;”>

<h2>Wealthy Affiliate</h2>

<p>
Wealthy Affilate University gives the best internet course Worldwide, with their 95-99% rating, they have no competition, whatsoever!
</p>

</div>

Wealthy Affiliate

Wealthy Affilate University gives the best internet course Worldwide, with their 95-99% rating, they have no competition, whatsoever!

 

4. Hoe schrijf je een HTML code om je tekst te wijzigen?

Change your font color, type and size!

Character size – <FONT SIZE=”4“>Deze letters hebben formaat 4</FONT>

Font color – <FONT COLOR=”#FF0000“> Hier staat een zin in het ROOD</FONT>

Font color – <FONT COLOR=”#0000FF“> Hier staat een zin in het BLAUW </FONT>

Character types – <FONT FACE=”Arial“> Geschreven in Arial</FONT>

Character types – <FONT FACE=”Purisa“> Geschreven in Pusisa</FONT>

For changing all at once:
<FONT COLOR=”#800080“, SIZE=”6“, FACE=”URW Chancery L“>De aangepaste tekst</FONT>

 

Character size – Deze letters hebben formaat 4
Font color – Hier staat een zin in het ROOD
Font color – Hier staat een zin in het BLAUW
Character types – Geschreven in Arial
Character types – Geschreven in Pusisa

Hier staan alle bovenstaande codes gecombineerd.
De aangepaste tekst

Ik hoop dat je deze les leuk vond.

 

 

Facebooktwittergoogle_plusredditpinterestlinkedintumblrmailby feather

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>