How to Makes Cool Text With HTML Codes

Written by foye robinson
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Makes Cool Text With HTML Codes
(spring text image by Nicemonkey from Fotolia.com)

Hypertext Markup Language (HTML) codes enable you to create and edit the content of a Web page. You can change the background of your text or use scrolling text (marquee) to create cool text for your website. The scrolling text can move in any direction you desire. Thanks to special HTML tags, you can also add characters or shapes to your text. You can find these tags on the Internet, play with them, and create the effect you want.

Skill level:
Easy

Other People Are Reading

Instructions

  1. 1

    Add the following code into the HTML file where you want the text to appear, between the <BODY> tag:

    <marquee direction="right">Cool Text</marquee>

  2. 2

    Replace "Cool Text" with the words you want to use, or change the direction of your marquee from "right" to "left," "down" or "up."

  3. 3

    Add the following code to change the marquee's text to red, background colour to yellow, and add a solid, red border around it:

    <marquee direction="left" style="colour:red; background-colour:yellow; border:2px solid; padding:2px;">Cool Text</marquee>

  1. 1

    Add the following code into your HTML file where you want the text to appear, between the <BODY> tags. It will produce red text with a yellow background and a red, dashed border.

    <span style="colour:red; background-colour:yellow; border:5px dashed; padding:2px;">Cool Text</span>

  2. 2

    Add the following code to create a blinking text with a yellow background and dotted border:

    <span style="text-decoration:blink; background-colour:yellow; border:5px dotted; padding:2px">Cool Text</span>

  3. 3

    Change the style and text to your preference.

  1. 1

    Add the following code to your HTML file between the <BODY> tags to create a musical note with your text:

    <h1>&#9834; <font colour="red">Listen to Our Song</font> &#9834;</h1>

  2. 2

    Use the "&hearts;" code to add red hearts to your text, as follows:

    <font colour="red">&hearts;&hearts;&hearts; Missing You!! &hearts;&hearts;&hearts;</font>

  3. 3

    Change the text and style to your preference.

Tips and warnings

  • You may use hexadecimal colour codes (a mixture of red, blue and green) to specify your HTML colours instead. Each begins with the pound (#) sign. The six basic hexadecimal colour codes are:
  • #FFFFFF (for white), #000000 (for black), #FF0000 (for red), #00FF00 (green), #0000FF (for blue), #00FFFF (for aqua), #FFFF00 (for yellow), #FF00FF (for fuchsia) and #C0C0C0 (for grey).
  • You can add more colour combinations to the mix.
  • "Text-decoration:blink;" may not work in older web browsers.

Don't Miss

Filter:
  • All types
  • Articles
  • Slideshows
  • Videos
Sort:
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the eHow.co.uk site, you consent to the use of cookies. For more information, please see our Cookie policy.