HTML 4'0 For the World Wide Web

1
HTML 4.0For the World Wide Web

• Jay D. Powell
• Chapter 2
• Starting your Web page

2
Designing your site

• What information do you want to convey?
• How can you tailor your content to appeal to this
  audience?
• In which direction do you want visitors to
  explore?
• Sketch out your site on paper, yes with a pen.
• Devise a simple, consistent naming system for
  your pages, images, and other external files.

3
Creating a new Page

• Open Notepad.
• Create the Html required tags
• Choose file gtgt Save as
• Name the file.
• Give the document an .html extension
• Be sure to save the file as a text document.
• Choose the folder to save it in.
• Click Save.

4
Starting your Web page

• Open Notepad.
• Add the html information
• ltHTMLgt
• Create your Web page.
• Type the closing lt/HTMLgt tag
• This is the first of what are called foundation
  tags that all web pages must have.

5
Starting a Web Page

• Every web page has two main parts
• HEAD section
• Contains information about the page
• BODY section
• Contains the contents of the page

6
Understanding the Head

• The only element in the HEAD section visible to
  the user is the title of the Web page.
• Information found in the Head
• The pages title
• META tags
• Script information
• Style elements

7
Creating the Head

• To create the HEAD section
• after the HTML opening tag,
• type ltHEADgt
• Include the elements you wish such as META tags,
  Scripts, Styles, and titles.
• Close the head with lt/HEADgt

8
Saving your web page

• From Notepad choose Save
• Be sure you are saving this file in the correct
  directory.
• This file should be in your folder only.
• In the filename box, type template.html
• Be sure Text document appears in the save as type
  window.
• Click Save

9
Viewing your page in a browser

• Open your browser
• Choose File gtgt Open, Open File, or Open Page.
• In the open dialog box, locate the file you wish
  to open.
• Click Open.
• The file appears in an open dialog box
• Click open again to display your file.

10
Understanding the Body

• The BODY of your HTML document contains the bulk
  of your Web page.
• Information found in the Body
• Text
• Formatting
• Graphics
• Images

11
Creating the Body

• To create the BODY section
• after the closing HEAD tag,
• type ltBODYgt
• Include the elements you wish such as text,
  graphics, and formatting.
• Close the body with lt/BODYgt

12
Understanding the Title

• Each HTML document must have one.
• Should be short and descriptive.
• Appears in the Title bar of the browser.
• Is used in the following places
• Search Indexes
• History lists
• Bookmarks

13
Creating the Title

• Add the ltTITLEgt tag between the opening and
  closing Head tags.
• Type the name of your title.
• Add the closing lt/TITLEgt tag.
• Colons or backslashes cannot be used.
• Its usually a good idea to use a common element
  for each of your pages.
• For example XYZ School - specific area

14
Organizing the Page

• Up to six levels of headers can be used on your
  Web page.
• Headers are block level tags.
• The higher the level, the more prominently the
  header is displayed.
• You can use styles to format headers with a
  particular font, size, or color.
• To create a heading type ltH 1-6gt and use the
  corresponding closing taglt/H 1-6gt.

15
Beginning a new Paragraph

• HTML does not recognize the returns you enter in
  your text editor.
• Therefore you must use the paragraph tag.
• Type ltPgt
• If desired align the text with the following
  ALIGNdirection
• directions are left/right/center