Formatting!

HTML

Each web page needs the following code (again, this is not case sensitive):

<HTML>
<HEAD>
<TITLE>your web page title</TITLE>
</HEAD>
<BODY>
Everything displayed on your page will be in here.
</BODY>
</HTML>

HTML stands for hypertext markup language, one of the basic coding languages for web pages.
Each piece of code is called a "tag". Each tag is within '<' and '>' signs.
The tag <HTML> indicates that HTML coding is presented and this is an HTML document.
This is the "opening" tag for HTML.
The "closing" tag for HTML is </HTML>.
The slash - '/' - lets the computer know that the presentation of HTML has ended.

Here are some basic tags:

<html>	Defines an HTML document
<body>	Defines the document's body
<h1> to <h6>	Defines header 1 to header 6
<p>	Defines a paragraph
<br>	Inserts a single line break
<hr>	Defines a horizontal rule
<!-->	Defines a comment
<Blink>	Blinking text

Most tags have an opening and closing. The line break and paragraph tags are two that do not require a closing.

Remember:
Tags are HTML (hypertext markup language) commands.
Codes which are typed in a document to control the way the document is displayed by a browser.
You must have the tag in the middle of the less (<) and greater (>) than signs.
To end the tags use the slash (/) sign after the the second less (<) sign.
Everything to be displayed on the page goes between the 'body' tags.

This exercise is to review basic HTML code for formatting web pages:

bold ......................................your text here
italics.....................................your text here
underlined.............................your text here
font sizes................................your text here
- Sizes are +1, +2, +3....+7...-1, -2, -3...-7
font colors..............................your text here
- Colors are also identified by numbers:
centering.................................<center>your text here</center>
strike through..........................<strike>your text here</strike>
heading...................................<h3>your text here</h3>
line break................................your text here more text here
paragraph...............................your text heremore text here

Remember that the code (or tags) must have an opening tag and a closing tag.
The closing tag requires the slash within the tag.
The break tag does not require a closing tag.
The paragraph tag does not require a closing tag, however, it is good practice to include it.
This code is not case sensitive.

Some tags go within the open body tag. Try this one for adding background color: <body bgcolor="yellow">.

Using the tags above, you will work in groups to recreate the following web page.
The web page title is: "Formatting".
Note that more than one tag is used at a time.

Now let's get started with the exercises.....

After School Matters	The first letter is bold.
After School Matters	The first letter is bold, entire name is in italics.
After School Matters	The first letter is bold and is in italics.
After School Matters	The first letter is underline and blue.
After School Matters	The first letter is a larger font, bold, underlined and in italics.
After School Matters	The first letter is a larger font, bold, blue, underlined and in italics. The last letter is red.
Techno Biz - ASM Your Name Your favorite food	You may use any formatting (color, bold, etc.). Make sure you demonstrate the appropriate line breaks.