HTML - Text Formatting

Task

To create a web page that uses text formatting elements.

Instructions

(a) Create an empty web page, and save it as "Text Format.htm".

(b) Add the following text to the web page:

"You have to be pretty bold to make a move like that!", exclaimed Jeremy.
"It definitely puts a new slant on the game", smirked Michelle.
"Start taking the game more seriously, or I'll go on strike!", growled George.
"I give up," sighed Jenny. "You guys are getting me down. I'm going back to my computer game."

Make the following formatting changes to the text:

  • Make the word 'bold' bold (<b> … </b>).
  • Make the word 'slant' italic (<i> … </i>).
  • Underline the words 'more seriously' (<u> … </u>).
  • Make the word 'strike' strikethrough (<s> … </s>).
  • Make the word 'up' superscript (<sup> … </sup>).
  • Make the word 'down' subscript (<sub> … </sub>).
  • Make the words 'computer game' teletype (<tt> … </tt>).

(c) Add the following text to the web page:

Wes's Playlist:
* Coldplay - Yellow
* Green Day - American Idiot
* Moody Blues - Knights In White Satin
* Pink Floyd - Money
* Red Hot Chilli Peppers - Scar Tissue
* REM - Orange Crush
* Rolling Stones - Paint It Black

For each word in the list that is a colour, change the colour of the text to match that colour (<font> … </font>). You may have to change the background colour and default text colour to make sure you can see all changes.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License