Cool HTML Tricks

As a pair they appear like this "<>>". As a fairly new lensmaster, I observed a lot of great lenses with animation, bold print, and graphics and I've wonder how did the lensmaster make those words bold? I've wondered, how did the lensmaster italicize that word, or how did that lensmaster highlight that link? Finally, I found the answer to that question. It is through HTML source coding. Pay attention as i give you some very important sample codes. These codes can be copied and pasted so that you can use them as needed in your lens. However, HTML codes can be used on any website because this is special computer/web language. So feel free to reference this page and use these codes as much as you'd like.

After compiling several lenses, I wondered, "have I missed something"? I wondered that simply because I'd viewed lenses with underlines, bold printed text, graphics, and different themes. I thought that I had to level up to unlock some high level gift, that would allow me to bold print, italicize, use graphics etc. To my surprise, that is not the case here. HTML source coding is key to formatting the perfect lens on squidoo. Pay close attention as I give you step by step instructions on how to italicize print in your text.

To create italic letters:

For html italics or to italicize your text (slant)

Sample code:
>i<your slanted text here>i/<
Italic text will come out like this: Slanted Text.

You might refer to these italic tags as "i" tags.

First, you should select any text template. In the box labeled enter your text below, you should use your tag codes. They will look like this.

To make font bold just type: <b>Your Bold Text Here</b>
Bold text will come out like this: Your Bold Text Here
You might refer to these bold tags as "b" tags."b" tags are great to highlight keywords, so that the search engine's like www.google.com, and www.yahoo.com, will index your article or lens.

I know time and time again, I come across lenses that feature an array of colors. I was puzzled, thinking no way, i didn't get that theme. Recently, I discovered style tags. Style tags are key to changing colors, font-size, and text coloring. For instance a <b>style tag</b> code would look like this. You should place this code at the top of any text module where you want the color to begin. Don't forget to place the closed "p" tag at the end. What ever colors you like you can insert in place of my colors, what ever font size you can insert in place of the thirteen, and what ever style font you can insert in place of the comic sans ms, and lastly whatever color text you like you should insert in place of the darkbrown.

For instance, this HTML Sample Code was used for this gold color scheme and darkbrown font.
<p style="background: gold; font-size: 13px; font-family: comic sans ms; color: dark brown">

Be sure to place the closed "p" tag at the end of the paragraph where you the color and changes to end. The "p" tags are paired as well.</p><p></p>

Changing a text's font size and color can make take a lens from average to outstanding. It sort of an special effect. This can make all the difference when customizing a lens. After all, a lens should reflect it's lensmaster's persona. I would encourage you to try this with your lenses. Use code listed in subtopic at the beginning of a module.

Here is a bold and bigger font. <b style="font-size: 19px">Change Font Size</b></i></p>

A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document.

When you move the cursor over a link in a Web page, the arrow will turn into a little hand.

Links are specified in HTML using the<a>tag.

The<a> tag can be used in two ways:

To create a link to another document, by using the href attribute
To create a bookmark inside a document, by using the name attribute

Ordinary link: <a href="http://www.example.com/">Link-text goes here</a>
This formula will allow you to link to another website or webpage.
Create Your Own Anchor Link, Click Here
Image-link: <a href="http://www.example.com/"><img src="URL" alt="Alternate Text"/ ></a>
Link to an image or image website.

Mail to link: <a href="mailto:webmaster@example.com">Send e-mail</a>
Link directly to an email.
A named anchor
<a>Tips Section</a>
<ahref="#tips">Jump to the Tips Section</a>

To Get This Background and Border Use The HTML Code Listed Below

Graphics add so much individuality to a lens. They are very important to take on a special effect. There are several ways to get graphics. However, I think I've found the easiest way, and that is by joining this website. These graphics are free.