Adding and editing text
builtby3
 Home
 RAW Code
 HTML structure
 Adding text
 Adding graphics
 Graphics 2
 Linking pages
 Creating lists
 Other stuff
 Assignment
 Test
 About

At the most basic level, an HTML document (i.e. web page) contains two things: text and graphics.

In this HOW-TO weŽll take a look at how to enter and format text.

So long as it appears between the <BODY> tags, anything you type will show up on the browser screen.  However, you will want to use different fonts, colours, text attributes, paragraph breaks and so on.

Remember, there is a tag for just about every text attribute you can think of - but remember to CLOSE the tag when you want that attribute to end.

Try the following:

HTML

Result

<em>Text goes here</em>
<i>
Text goes here</i>

Text goes here
This emphasises or italicises text:

<strong>Text goes here</strong>
<b>
Text goes here</b>
 

Text goes here
Both tags make text bold.

<font color=blue>
  
Text goes here
</font>

<FONT FACE      = "Arial"
             SIZE      = "+1"
             COLOR  = "#0000FF">
             
Text goes here
</FONT>

Text goes here
Notice the American spelling of "color" - this is important, since HTML does not recognize "colour"
Other <font> attributes are: "face" to specify a different font face, "size" - "+1" means one size bigger, "#0000FF" is the number corresponding to BLUE

NB

  • UPPER or lower case doesnŽt matter
  • It is a good idea to put different statements on new lines, and indent them for easy reading
  • Tag "attributes" are placed in quotation marks

<u>Text goes here</u>
 

Text goes here