WordPress Website Tutorials for Beginners

This tutorial will lead you through some cool free html codes. Just follow the instructions and you will be surpriced!

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>

html code

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

 

html code

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

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!

 

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


visit my profile page

affiliate disclosure

(Visited 79 times, 1 visits today)
    • Loes says:

      Hi Alejandra, always busy trying to make the design better, the peektest was not very optimistic, they said I should have a background, I have tried that, but it is really annoying behind the tutorials, thanks for your interest, greetings Loes

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>