TEXT STYLES

YOUR GRADED ASSIGNMENT
Modify your previous lesson by
adding several styles, colors, & special characters
SAVE

Work smart by integrating daily graded lessons into your projects!

The following html codes allow you to modify the appearance and placement of text on your web page. Most all of the text variety you see in a word processing document can be recreated on a web page. Whatever portion of text you want to change is simply "sandwiched" with the desired start <...> and end </...> tags. Most browsers will use your choice of most of the following font faces (styles):
Arial, Courier, Geneva
Georgia
, Helvetica, Times, Verdana
Your computer likely has many more exciting fonts than those represennted above. Should you choose to use a special font face that is not on the computer a person is using to view your web page, the font will not show for them.

Style Codes:

The Effects The HTML "sandwich" codes
BOLD <b>BOLD</b>
ITALICS <i>ITALICS</i>
BOLD and ITALICS <b><i>BOLD and ITALICS</i></b>

indent

<blockquote>indent</blockquote>
  • bulleted list
  • bulleted list
<ul>
<li>
bulleted list</li>
<li>
bulleted list</li>
</ul>
  1. numbered list
  2. numbered list
<ol>
<li>
numbered list</li>
<li>
numbered list</li>
</ol>
Font Size 1 <font size="1">Font Size 1</font>
available sizes: 1 thru 7 , +1 thru +7, -1 thru -7

CENTERED

<center>CENTERED</center>

ALIGNED RIGHT

<p align=right>ALIGNED RIGHT</p>
H2O H<sub>2</sub>O
E=mc2 E=mc<sup>2</sup>
A REALLY COOL SCROLL EFFECT!!! <marquee>
A REALLY COOL SCROLL EFFECT!!!
</marquee>
COLORED TEXT <font color="red">COLORED TEXT </font>
or
<font color="#FF0000">COLORED TEXT </font>
Use this handy tool to pick hexadecimal color values.
Bold, italics ,Verdana font, teal, size 6, scroll! <marquee>
<font color="teal" size="6" face="Verdana">
<b><i>
Bold, italics, Verdana font, teal, size 6, scroll!
</i></b>
</font>
</marquee>
Special Characters and Non-sandwich tags
more           space between words more&nbsp;&nbsp;&nbsp;&nbsp;space between words

<hr align="center" width="75%" size="5">
< , > , ¢ , © , ® , “ , ” &lt; , &gt; , &cent; , &copy; , &reg;
, &#147; , &#148;
words directly
below words
words directly<br / >
below words