1. CS 100 Introduction to Web Page Construction and HTML

2. What is a Web Page Document? A web page is defined by an HTML document ( H yper T ext M arkup L anguage) Combination of: Plain Text -- displayed on screen in the browser window Markup -- instructions to the browser defining how contents of page should be displayed Markup is defined with tags Special commands that are surrounded by symbols

3. Tags Most tags are used to turn on, or turn off, specific features of the display example: the tag turns on underlining, and the tag turns it off Some tags don’t have two versions example: the tag is used to insert a line break (a blank line) in the text of a document HTML tag references are easy to find on the web Here’s a good one: http://www.htmlhelp.com/reference/html40/http://www.htmlhelp.com/reference/html40/

4. HTML Document Structure Here is a basic outline that can be used for all of your Web Page documents: Title of Browser Window ….. Bunch of stuff that defines content of the web page

5. Head and Body Sections of an HTML document section contains the definition the text that appears in the title bar of the browser window, defining the contents of the web page section contains the stuff that appears in the browser window – the actual web page information, images, links, etc.

6. A Specific Example Consider this HTML document: A Sample Web Page A Simple Web Page This is a very simple example of a web page What do you think? That’s all folks! Click here to see the results: http://www.muc.edu/~cindricbb/cs100/simpleLec07.html http://www.muc.edu/~cindricbb/cs100/simpleLec07.html

7. Types of Tags There are several categories of tags: Text formatting and appearance bold, underline, italic, superscript, subscript, color, font, size, centered, left-aligned, right-aligned Heading start/end 6 levels available List definition unordered or ordered automatically bulleted or numbered/lettered! Links to other web pages Embed an Image in the page Lots more ……. a list is available at: http://www.htmlhelp.com/reference/html40/olist.html

8. CS 100 Introduction to Web Page Construction and HTML Lecture 7 Mount Union College