HTML Tutorial help topic

[froggyboy604]

HTML code for Posting a text link. Like this one : Mxproject

1. <a href="http://link of site">

2. Name of site

3. </a>

4. add steps 1+2+3 together and you should have a HTML code that looks like this

<a href="http://link of site"> Name of site</a>

My example:

<a href="http://www.mxproject.com/forum">Mxproject</a>

Should look like this Mxproject

Note remember the Qoutations "http://"

HTML code for Posting a picture with an embedded picture :

Code: Select all

1.  <a href="http://link of site">
 
2. <img src="http://link of image" border="0">
 
3.  </a>
 
4. add steps 1+2+3 together and you should have a html code that looks like this: 
 
 <a href="http://link of site"><img src="http://link of image" border="0"></a>
 
My example: 
 
<a href="http://www.mxproject.com/forum"><img src="http://www.mxproject.com/forum/files/forum_banner_120.jpg" border="0"></a>

Should look like this :

Posting a image without a link

Code: Select all

 1. <img src="http://linkofimage">
 
Note remember the Qoutations "http://"
 
Example 
 
<img src="http://www.mxproject.com/forum/files/forum_banner_120.jpg">

should look like this:

[froggyboy604]

HTML codes for Bolding, indenting, underlining, and striking text

To bold text use this

Code: Select all

<b>type text you want to bold here</b>

My example:

<b>mxproject.com</b>

Produces : mxproject.com

To indent text use this

Code: Select all

  <i>type text you want to indent here</i>

My example:

<i>mxproject.com</i>

Produces: mxproject.com

To underline text use this

Code: Select all

<u>type text you want to underline her</u>

My example:

<u>mxproject.com</u>

produces: mxproject.com

To strike text use this

Code: Select all

<s>type text you want to strike here</s>

My example

<s>mxproject.com</s>

Produces: mxproject.com

[froggyboy604]

Aligning text and images to the left, center, or right

Just replace text with " <a href="http://link of website"><img src="http://link of image"></a> " if you want to align an image to the left, center, or right"

1. Aligning text and images to the left

Code: Select all

<P ALIGN=Left>Type your text here

Image:

<P ALIGN=Left><a href="http://link of website"><img src="http://link of image"></a>

My example:

<P ALIGN=Left>Mxproject.com

<P ALIGN=LEFT><a href="http://www.mxproject.com/forum"><img src="http://www.mxproject.com/forum/files/forum_banner_120.jpg"></a>

Produces:

Mxproject.com

2. Aligning text and images to the centre

Code: Select all

<P ALIGN=Center>Type your text here

Image:

<P ALIGN=Center><a href="http://link of website"><img src="http://link of image"></a>

My example:

<P ALIGN=Center>Mxproject.com

<P ALIGN=Center><a href="http://www.mxproject.com/forum"><img src="http://www.mxproject.com/forum/files/forum_banner_120.jpg"></a>

Produces:

Mxproject.com

3. Aligning text and images to the right

Code: Select all

<P ALIGN=Right>your text Type your text here

Image:

<P ALIGN=Right><a href="http://link of website"><img src="http://link of image"></a>

My example:

<P ALIGN=Right>Mxproject.com

<P ALIGN=Right><a href="http://www.mxproject.com/forum"><img src="http://www.mxproject.com/forum/files/forum_banner_120.jpg"></a>

Produces:

Mxproject.com