Squidoo HTML Basics 101
While to the seasoned html programmer, the following html is not all that advanced,
but for the new comer, it is. So, if you are looking to spice up your lens a little
bit, or add some element to your design, the information on this page will help you
get there.
The following html coding is assuming you know the basics of the language. If you haven't checked out the Basic HTML page, then you may want to do so.
Hyperlinks or links as most would know them as have some added functionality that can be accessed. If for example you want to have links on your page, but don't want the reader to altogether leave your lens, however open a new tab or browser window, then the following code is for you.
target="_blank" Tag: Used in conjunction with a hyperlink to allow a new browser window or tab appear to go to another web address.
Example: <a href="http://squidoo-
Result: http://squidoo-
Email Link: Used to show an email address, and when clicked on it will by default open your default email client (Outlook, Thunderbird, etc.)
Example: <a href="mailto:ryan@ryansccs.com">Email Me Now
Result: Email Me Now
Clickable Image: Instead of a text hyperlink, you will have a image hyperlink. The code below assumes you have images stored on your server or a host of some sort. You will need to replace the "yoursite" and the like with your website name and image information.
Example:<a href="http://www.yoursite.com/websiteyouwanttolinkto.html"><img src="http://www.yoursite.com/imagename.jpg" border="0"></a>
Result: This will result in an image appearing on the page like below.
Getting Text to Wrap Around Image: Used to keep Image and text together, thus allowing the image to take up less page space.
Example: <img src="http://www.websitename.com/imagename.jpg" style="float: left; margin: 0px 5px 5px 0px;">
The result would allow an image to be placed to the left of the page. You can right
justify this as well by replacing "left" with "right."
Centering Images: Using the align center is great for focusing attention on and/or keeping images appearing clean on a lens.
Example: <p align="center"><img src="http://www.websitename.com/imagename.jpg"></p>
There is even more advanced HTML than what is listed here. Be sure to check out http://www.squidoo.com/advancedhtml. This isn't a lens we created, but a really nice lens that will get you into the deep end of HTML for Squidoo. Getting a book or two on HTML is a good idea as well if you plan to make a hobby or career out it. Check out our recommendations.
