by

This tutorial will lead you through some cool free HTML codes. Just follow the instructions and you will be surprised! Free HTML codes lesson for beginners. You can make adjustments everywhere I made the text red, and insert your own data areas

Free HTML codes, here we go!

The first code makes your picture appear right on spot!

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

<p style=”padding-left: 390px;”><img class=”alignnone wp-image-1406 size-thumbnail” src=”https://workathomefuture.com/wp-content/uploads/2015/01/htmlcode-150×150.jpg” alt=”html code” width=”150″ height=”150″ /></p>

 <p style=”padding-left: 200px;”><img class=”alignnone wp-image-1406 size-thumbnail” src=”https://workathomefuture.com/wp-content/uploads/2015/01/htmlcode-150×150.jpg” alt=”html code” width=”150″ height=”150″ /></p>

The second HTML code creates a table!

You can put anything you want into this table, names, addresses, pictures, and all beautifully lined out:)

Put this code in your text area.

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

and you will see this visuable table

Loes	Knetsch	55
	html	code 2

The third code makes a block text on your website!

Put this code in your text area.

<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>

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>

The fourth free HTML codes are for adjusting your text!

Change your font color, type and size!

Character size – <FONT SIZE=”4“> This letters are size 4</FONT>

Font color – <FONT COLOR=”#FF0000“> Here are RED characters</FONT>

Font color – <FONT COLOR=”#0000FF“> Here are BLUE characters </FONT>

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

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

For changing all at once:
<FONT COLOR=”#800080“, SIZE=”6“, FACE=”URW Chancery L“>Here is your adjusted text</FONT>

Character size – These letters are size 4
Font color – Here are RED characters
Font color – Here are BLUE characters
Character types – Written in Arial
Character types – Written in Purisa

The all at once change text result
Here is your adjusted text

“Free HTML Codes for beginners”

I was able to write these tutorials for you, because of the great course I am following on the

Wealthy Affiliate University

Other HTML training:

| Home | Use of Cookies | Privacy Policy | FAQ | Affiliate Disclosure | Contact |

© Loes Knetsch. All rights reserved.

Others also read...

Insert a PDF file on a Web Page

Loes Knetsch © When you put content into an iframe, you can use any information of every website to inform your public thoroughly without duplicating Read more...

html Anchor, Jump Link, How to Create

This tutorial will show you how to create an HTML anchor, a jump link, which brings your costumers directly to a particular place on your Read more...

by