Using HTML

Improve your Web pages with basic HTML
HTML (HyperText Markup Language) may sound technical and confusing, but in fact it's easy to use basic HTML to make your listings more visual, clear and effective.
An HTML "tag" is an instruction that makes a given section of your page look a certain way without being visible itself. A tag consists of a less than sign (<) to begin the tag, followed by a tag name, or instruction, followed by a greater than sign (>) to end the tag. Remember: tags are not case sensitive, so <P> is the same as <p>.
Here are some basic HTML tags that will get you started. Give it a try. You'll see immediate results!
Line Breaks & Horizontal Lines
<p> paragraph
<p>I look forward to answering your questions.</p>
<p>Please give me a call.</p>

I look forward to answering your questions.

Please give me a call.

<br> line break
If I'm not available, please send me Mail. <br>
I'll get back to you within 24 hours.
If I'm not available, please send me Mail.
I'll get back to you within 24 hours.
<hr> horizonal rule
John B. Smith
<hr>
Certified Public Accountant
John B. Smith
Certified Public Accountant
Bullet & Number Lists
<ul>, <li> unordered (bullet) list with list items
I love dogs and can help you with the following:
<ul>
<li>Potty-training a new puppy</li>
<li>Getting your dog to stop barking</li>
<li>Choosing the appropriate breed of dog for your lifestyle</li>
</ul>
I love dogs and can help you with the following:
  • Potty-training a new puppy
  • Getting your dog to stop barking
  • Choosing the appropriate breed of dog for your lifestyle
<ol>, <li> ordered (number) list with list items
I love dogs and can help you with the following:
<ol>
<li>Potty-training a new puppy</li>
<li>Getting your dog to stop barking</li>
<li>Choosing the appropriate breed of dog for your lifestyle</li>
</ol>
I love dogs and can help you with the following:
  1. Potty-training a new puppy
  2. Getting your dog to stop barking
  3. Choosing the appropriate breed of dog for your lifestyle
Accentuating Text
<b> bold I can help you <b>make money</b>. I can help you make money.
<i> italic Do you need <i>live</i> advice? Do you need live advice?
<u> underline <u>Here are my qualifications.</u> Here are my qualifications.
Note: It is generally considered good Web practice to avoid underlining text, since some users will confuse the underlined text for a link.
Font Tag: Text Size, Color & Type Face
You can use the size, color and face "attributes" of the <font> tag to change the appearance of your text.
<font> size (1-7)
<font size="1">This is the smallest text</font>
<font size="2">This is the smaller text</font>
<font size="3">This is the small text</font>
<font size="4">This is the medium text</font>
<font size="5">This is the big text</font>
<font size="6">This is the bigger text</font>
<font size="7">This is the biggest text</font>
This is the smallest text
This is the smaller text
This is the small text
This is the medium text
This is the big text
This is the bigger text
This is the biggest text
<font> face*
<font face="Palatino">Here is an example of Palatino.</font>
<font face="Arial">Here is an example of Arial.</font>
<font face="Courier">Here is an example of Courier.</font>
Here is an example of Palatino.
Here is an example of Arial.
Here is an example of Courier.
<font> color**
<font color="red">Here is some red text.</font>
<font color="green">Here is some green text.</font>
<font color="brown">Here is some brown text.</font>
<font color="blue">Here is some blue text.</font>
Here is some red text.
Here is some green text.
Here is some brown text.
Here is some blue text.
<font> multiple attributes
<font size="2" face="Courier" color="red">Here is some small red text in Courier.</font>
<font size="6" face="Arial" color="purple">Here is some big purple text in Arial.</font>
Here is some small red text in Courier.
Here is some big purple text in Arial.
Notes:
*If you do not specify a font face, or if you specify a font face which users don't have on their computers, then users will see the default font, which for most browsers is Times New Roman.
**Click here for a web site which lists by name all the colors you may use in HTML. To change the color of a link, you must place your font tags inside the link tags (e.g. <a><font></font></a>).
Centering Text
<center> center <center>THIS HEADLINE IS CENTERED</center>
THIS HEADLINE IS CENTERED
Adding Images
You can use our image upload tool to add an image to any of your listings. We'll host the image, and the tool will give you the HTML tag to copy and paste into your HTML code.
Code Restrictions
In order to prevent your HTML code from interacting with the layout, formatting and functionality of the Keen website, we impose the following rules on the code you may enter when creating your listings:
Links
  • Links must be absolute — i.e. "href" attributes in <a> tags must begin with "http://".
    Correct: <a href="http://www.mysite.com/content/mypage.html">My Link</a>
    Incorrect: <a href="mypage.html">My Link</a> <a href="/content/mypage.html">My Link</a>
  • Links to JavaScript functions — if you are trying to call a JavaScript function in your links, then you must include "javascript:" before your function call.
    Correct: <a href="javascript:MyFunction();">My Link</a>
    Incorrect: <a href="MyFunction();">My Link</a>
Images
  • Image URLs must be absolute — i.e. "src" attributes in <img> tags must begin with "http://"
    Correct: <img src="http://www.mysite.com/images/graphic.gif">
    Incorrect: <img src="graphic.gif"> <img src="/images/graphic.gif">
Restricted HTML Tags
You may not use the following tags in the HTML for your listings:
  • <style>
  • <link>
  • <layer>
  • <iframe>
  • <form>
  • <input>
  • <select>
Restricted <BODY> Tag Attributes
If you include a <BODY> tag in the HTML for your listing, then you may not include any of the following attributes inside the tag:
  • "text="
  • "link="
  • "vlink="
  • "alink="
  • "scroll="
  • "style="
JavaScript Restrictions
Keen does not permit the use of the following types of JavaScript functions in the HTML for your listings:
  • Scripts that place or read cookies.
  • Scripts that redirect members to another page.
  • JavaScript includes (i.e. the "src=" attribute is not permitted inside <script> tags).
Additionally, you may not include the following JavaScript commands:
  • .style
  • document.cookie
  • location.href
  • location.replace
  • location.reload
  • .go
  • .home
  • .back
  • .forward
  • window.navigate
  • window.open
  • history.
  • history[