If you want to get someone’s attention, then you should use the marquee codes . But,don’t use it too much,particularly if your site contains too much marquee text , it irritates and spoils the concentration of the reader.You can add marquee codes to tell your visitors what will be your next updates,popular posts,advertisements,etc.

Example 1- Bouncy Text

Your Text Here

Code:

<marquee behavior=alternate width="190" scrollamount="7" scrolldelay="96" height="20" bgcolor="#E0FFFF"><font size="5">Your Text Here </font></marquee>

Example 2:Scrolling text:


P
CH
A
C
K
S

Code:
<font color="#FF0000"> <marquee direction=up scrollAmount=0scrollDelay=0 style="filter:wave(add=13,phase=1,freq=3,strength=25)" width=100 height=220><font style="font-family:arial; comic sans ms;font-size:20px;color:.000000" <br />P<br />C<br<br />H<br />A<br />C<br />K<br />S</font></marquee><br /> </font>

Example 3: Scrolling Text

Cool HTML Codes

Code:
<marquee direction="right" bgcolor="#E0FFFF">Cool HTML Codes </marquee>

WIDTH: how wide the marquee is
HEIGHT: how tall the marquee is
DIRECTION: which direction the marquee should scroll
BEHAVIOR: what type of scrolling
SCROLLDELAY: how long to delay between each jump
SCROLLAMOUNT: how far to jump
LOOP: how many times to loop
BGCOLOR: background color
HSPACE: horizontal space around the marquee
VSPACE: vertical space around the marquee

If you don’t like to write html code , here is Marquee Code Generator

2)E-Mail Link

If you need simple but useful email link, which will allow visitors to contact you, then you should use this html code
Example 1: E-Mail Link With Image

Code:
<a href="mailto:hackspc@gmail.com"><img src="http://hackspc.com/wp-content/uploads/2009/04/contact-us1.jpg" alt="Cool Html Codes" title="contact-us" width="100" height="102" class="alignnone size-full wp-image-2686" /></a>

Example 2: Usual Email Link

E-mail Me!

<a href="mailto:hackspc@gmail.com">E-mail Me!</a>

Example 3: Email Link with subject

Email Me!

<a href="mailto:hackspc@gmail.com?Subject=Advertise on PC Hacks">Email Me!</a>

Note: “mailto:hackspc@gmail.com” in this part of the code write your email addresses

3)Submit Button Image

This simple code will allow you to change your submit button into image. It can be very useful, when you making input forms with submit button , which allow the user to enter information like text and similar.

Code:

<button type="submit" name="submit" value="submit"<br /> <img src="http://hackspc.com/wp-content/uploads/2009/04/submitbutton.jpg"/>

4)Cool Text Effect to Create A Logo

Don’t llike to use photoshop or similar? If so, create your logo text with html.

My Cool Logo Text

Code:
<p style="color: #CCCCCC;"><font size="5"><b>My Cool <span style="background: #CCCCCC; color: #000000; padding: 5px 5px 5px 5px;">Logo Text</span></b></font></p> <p>

For more examples , visit Cool Text Effect

Enter email address and you¨ll get free tutorials

FeedBurner

5)Rare Html Tags

Here are rare html tags , which can be quite useful in certain situations.

Example 1: Acronym

When you hover over text that has the tag used, a box appears below with the text from the title tag.

PC Hacks

Code:
<acronym title="Includes help, step by step tutorials and how to guide ">PC Hacks</acronym>

Example 2: ins and del

He likes LOVES PC Hacks
Code:

He <del>likes</del> <ins>LOVES</ins> PC Hacks

Example 3:blockquote

This is live demo for blockquote tag

Code:
<br /> <blockquote>This is live demo for blockquote tag</p></blockquote> <p>

Maximum PC

6)Creating Links Without Underlining

This html code will allow you to create link without underlining. It looks like this :
THIS IS LINK!

<a href="http://hackspc.com/" style="text-decoration: none">THIS IS LINK!</a>

]]> http://hackspc.com/cool-html-codes/feed/ 2