.HTML Cheatsheet for Squidoo from www.SquidooBible.com

For more HTML tips, visit www.Squidoo.com/squidoo-bible

 

Display an Image

<img src="http://www.abc.com/xyz.jpg" align="left" />

<img src="http://www.abc.com/xyz.jpg" align="left"
style="margin-right:10px;" />

<img src="http://www.abc.com/xyz.jpg" align="right" />

<p align="center"><img src="http://www.abc.com/xyz.jpg"  /></p>

Text Attributes

<b>Your bold text goes here.</b>
<i>Your italicized text goes here.</i>
<b><i>Your text both bold and italicized.</i></b>
<u>Your text underlined.</u>

<b style="color: navy; font-weight: normal;">Blue text</b>

<p style="text-align: center;">Your text centered.</p>


Simple Text Link

<a href="http://www.abc.com">Click Here!</a>

Image Link
(Click the image and you go to www.abc.com)


<a href="http://www.abc.com">
<img src="http://www.xyz.com/image.jpg" /></a>

Color Table
black   #000000
blue    #0000FF
fuchsia #FF00FF
gray    #808080
green   #008000
maroon  #800000
navy    #000080
purple  #800080
red     #FF0000
teal    #008080
white   #FFFFFF
yellow  #FFFF00

Text in a Blue Box

<p style="padding: 5px; background-color: #E1E8F2; border: dotted 2px #00518A;">Your Text Goes Here</p>


Large and Larger Text

<b style="font-size: large; font-weight: normal;">Your Text Goes Here</b>

<b style="font-size: x-large; font-weight: normal;">Your Text Goes Here</b>

Available font-sizes: x-small, small, medium, large, x-large, xx-large