HTML - How to

Basic html editing

html is simple once you know the basics. There are just a few simple tags that you need to know to edit your content. You'll want to know how to make your text bolded, italics and underlined. We change how the text looks by using tags. A tag uses the < and > characters with a letter in between. In the following examples spaces have been added so that we can see the tags but not have them be active.

use < p > to begin a paragraph and < / p > to end a paragraph.

Use a < br > to force a return with out starting a new paragraph. No need to have an end tag.

To underline use a u tag. eg. < u > to begin your underlined area and < / u > at the end of the area you wish to underline

< b > < / b > will bold

< i > < / i > will italicise

Adding links

To add a link use the following text minus the spaces.

< a href = " insert website link here. eg. http://www.simplecms.com.au/ " > put the text you wish to appear as a link here. eg. simple cms< / a >
This would look like this: simple cms

Images

To insert an image please follow the following steps.

1. Become a member of an image hosting website such as Flickr or Photobucket.
2. Upload your images from your computer to your account on either of the above.
3. Select and copy the HTML code for the image you wish to use. It will begin with an 'a href='
4. paste it into the text field on the page you want it to appear.
5. To change the size of the image insert the following before border="0" in the code:
width="?" eg. width="400"

Keep it Simple

Changing colours, alignment, centering etc often cheapens the look of a website. Keeping it simple makes your website look more professional. So don't get too carried away.