HTML Made Easy - PowerPoint PPT Presentation

1 / 12
About This Presentation
Title:

HTML Made Easy

Description:

Once you have these first three lines you will have something that looks like this ... a href=http://'www.addictinggames.com' /a Hyperlinking Cont. ... – PowerPoint PPT presentation

Number of Views:84
Avg rating:3.0/5.0
Slides: 13
Provided by: HDSB
Category:

less

Transcript and Presenter's Notes

Title: HTML Made Easy


1
HTML Made Easy
  • By Kevin Hocking
  • and
  • Mike Cody

2
Getting Started
  • In order to start a basic HTML page there are 4
    HTML Tags you need to learn
  • and and and
    and
  • It is important to have both an opening and
    closing tag for each section

3
Getting Started Cont
  • Once you have these first three lines you will
    have something that looks like this
  • Once you have this you can start adding text,
    images, tables,etc

4
Adding text
  • To add text to your webpage you can just type
    what you want
  • However if you want to either bold or make the
    text Italics you will have to put it in tags like
    this
  • and
  • If you want the text Center or to the right or
    left you must add
  • As well if you want to go to the next line type
    in
    on the next line

5
Adding text Cont
  • If you want the text aligned on the right or
    left, or if you want it centered you must type

6
Adding Color
  • Background colour must be chosen at the beginning
    of the window. It is written in the opening body
    tag like
  • All colors have codes such as ffffff which is
    white

7
Adding Tables
  • Table must be opened and closed with two tags
  • and
  • To start a table row use the tag and close
  • Each cell must be opened with and closed
    with

8
Importing Images
  • You must use the image name
  • You also must add .jpg or .gif depending on what
    type of image it is

9
Hyperlinking
  • Hyperlinking is one of the most simple tasks you
    can do in html
  • To hyperlink you need to use the and
    tags
  • In the first tag you also need href so it will
    look something like this
  • After the hypertext reference you need the web
    site name Ex.

10
Hyperlinking Cont..
  • As well between the tags you will need to type
    what you want the link to say when it shows up on
    the browser. Ex
  • Go to google

11
The Finished Product
  • Once you have all of this code properly written
    out you will have something that looks like this

12
Thank You
Write a Comment
User Comments (0)
About PowerShow.com