Creating a Web Page HTML: The Language of the WEB

HTML To create a web page you use a special language that Browsers can read. H yper T ext M arkup L anguage

The Web Browser is the software program on YOUR computer

The Web Browser Can locate HTML documents on any server anywhere in the world.

HTML Documents Simple TEXT documents. Created with a simple text editor

Some Text Editors The WordPad in Windows –Start  Accessories  WordPad The NotePad in Windows –Start  Accessories  NotePad MS WORD in Windows

Start an HTML document These are They tell the Browser that an HTML document is coming.

Header Stuff My Page Goes into the Blue line A place for a title

Next comes the This is the main part of your document.

Modifiers

HTML Codes entered in a TEXT editor tags indicate code is written in HTML tags identify the Title. tags surround information about the web page tags surround the portion of the document that will appear in the browser window.

SPACES..The paragraph tag Adds extra blank lines before text to separate it from any text that precedes it.

Section headings Makes the headings BIG and Black and Bold

How Big??? This is

Center It…Formats the heading My favorite Sport. Also try Don’t forget to close the tag

Just use This is the Default

Creating Lists HTML supports three kinds of lists: –Ordered lists –Unordered lists –Definition lists

Ordered Lists a list in numeric order My Favorite Movies 1.Mouse Hunt 2.Mary Poppins 3.Something about Mary

Ordered Lists My Favorite Movies Something About Mary Mary Poppins Mouse Hunt

Unordered Lists Items have no particular order Famous Male Actors Roy Rogers Gene Autry Hopalong Cassity

Unordered List bullet list Famous Male Actors Roy Rogers Gene Autry Hopalong Cassity

The Definition List A list of Terms followed by a definition line Famous Movie Horses –Topper Hopilong Cassidy’s horse –Trigger Roy Roger’s Horse –Champion Gene Autry’s Horse

Definition List Famous Movie Horses Topper Hopalong Cassity’s Horse Trigger Roy Roger’s Horse Champion Gene Autry’s Horse

Character Tags A you apply to an individual character. 2 Kinds –Logical - how you use text –Physical – how text looks

Logical Tags Emphasized mode Indicates that characters should be emphasized in some way..itallics Emphasizes text more strongly than

Physical Character Tags How characters look bold Itallics big small subscript superscript

Big BLACK Lines Horizontal Rule Adjust the WIDTH to ¾ Center the HR Set the SIZE

More stuff Do it All in one HR TAG <HR ALIGN=CENTER SIZE=12 WIDTH=75%> Or