HTML two 1) Tags 2) Blocks 3) Style

Tags Opening tags: Closing tags:

Blocks Blocks are made up of an opening and closing tag and everything in between: Hello there

Nesting Blocks Bad: Hello there Good: Hello there

Style Indentation – Inside a block indent Hi there Consistent case – Tag Names, Attribute Names

More Style Always Always Always quote attribute values good: bad:

The three basic tags and blocks

The three basic tags and blocks cont. Html – This is the outside block in which we will create our webpage, for our purposes there should never be anything outside it. Head – This is the block in which we place information about the page, such as the title. In fact we won't really use it for anything else until after the first project.

The three basic tags and blocks cont. Body – This is where we place all the content that is going to be seen by the user. The rule of thumb is, if it is going to be seen by the user it will go here.

Adding Information to our page Some cool catchy title Tiberius Claudius Nero Born: November 16, 42 BC Died: March 16, 37 AD

How can we make the text look right? Since all whitespace (spaces, returns) gets compressed to a single space we need to use a tag to get line breaks: Tiberius Claudius Nero Born: November 16, 42 BC Died: March 16, 37 AD

Writing for the web (sort of) Headings draw the eye in. They can also be used to draw the eye in.,,,,, Tiberius Claudius Nero

A better way to control the font The tag uses following attributes: – Size: can be relative (+2, -2,etc..) or absolute (1-5) – Color: for now you can make this red, blue, etc... Born: November 16, 42 BC

But changing the actual Font? In that case use the face attribute Died: March 16, 37 AD

Bold and Italics, Died: March 16, 37 AD

Background Color The bgcolor of the tag

thanks Charles Smith 17 Reference Website