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 is the same as .

Here are some basic HTML tags that will get you started. Give it a try. You'll see immediate results!

Line Breaks & Horizontal Lines

paragraph

I look forward to answering your questions.

Please give me a call.

I look forward to answering your questions.

Please give me a call.

line break

If I'm not available, please send me Mail.

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:

Potty-training a new puppy
Getting your dog to stop barking
Choosing the appropriate breed of dog for your lifestyle

Accentuating Text

bold I can help you make money. I can help you make money.

italic Do you need live advice? Do you need live advice?

underline Here are my qualifications. 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 tag to change the appearance of your text.

size (1-7)

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

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

face*

Here is an example of Palatino.

Here is an example of Arial.

Here is an example of Courier.

Here is an example of Palatino.

Here is an example of Arial.

Here is an example of Courier.

color**

Here is some red text.

Here is some green text.

Here is some brown text.

Here is some blue text.

Here is some red text.

Here is some green text.

Here is some brown text.

Here is some blue text.

multiple attributes

Here is some small red text in Courier.

Here is some big purple text in Arial.

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></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 PsychicCenter 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

PsychicCenter 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 users 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[

Back to Help