Heartless Adrenaline

Decorating Text

Home → Tutorials → Decorating Text

One of the first HTML basics a person learns is how to decorate text with size, colours, etc. These are the basic things every webdesigner knows about text, for you.

The Text

Normal Text
No code, just type! :)

Bold Text

<b>Any text you want bold here!</b>

Underlined Text

<u>Any text you want underlined here!</u>

Italic Text

<i>Any text you want italisized here!</i>

Strikeout Text

<s>Any text you want striked out here!</s>

Change Text Color

<font color="COLOR HERE">Any text you want in another color here!</font>

Need help?

Change Text Size

<font size="FONT SIZE HERE">Any text you want in another size here!</font>

Need help?

Change Text Type ("kristen ITC" used)

<font face="FONT FACE HERE">Any text you want in another face here!</font>

Need help?

*Note-With HTML, text decorations (bold, italics, etc.) cannot be stylized with HTML. Ex., you can't expect all bold text to be a different color. You'll have to do that by changing the text color with the "change text color" code.
**REMEMBER - Close your tags! Already done in code.

Text Sizes

FONT SIZE 1
FONT SIZE 2
FONT SIZE 3
FONT SIZE 4
FONT SIZE 5
FONT SIZE 6
FONT SIZE 7
Etc, etc.
Just insert your font size number: ex. <font size="6">

Font Faces

To view more font face, go to Microsoft Word, you can browse fonts there.
Also, you can go to paint, click on the "T" and write some text. Right-click and click on "show toolbar". Font faces are shown there!

Times New Roman
Arial
36
Mistral
Blackladder ITC
Bradley Hand ITC
Comic Sans MS
Curlz MT
Etc, etc.

Font Colours

Font colors are easy! There are two ways you can write them:

  1. Write the color name. Ex, this is red because I used "red" as the font color. So, the code would be <font color="red">.
  2. Write the HTML color code. An HTML color code consists of a combination of 6 letters/numbers in a two-two-two pattern. Example, this is font color #33ee00. So, the code would be <font color="33ee00"> or <font color="#33ee00">.
    An HTML color chart can be found here.

I hope this helped you!