Welcome back!!!!!!
Now is the time for a little refresher. So let's practice some of the things we learned before.
The Basics
Basic Web Page Structure
<HTML>
<HEAD>
<TITLE>Place your title here</TITLE>
</HEAD>
<BODY>
This is where you place your HTML code
</BODY>
</HTML>
Single Tags
The open and close tag format dominates the majority of the available HTML tags, but there are a few tags that stand alone. Here are three that you will probably use a lot.
| Tag | What It Does |
| <BR> | This BReaks the text and starts it again on the next line. It’s like hitting the “Enter” key on your computer when typing text. |
| <P> | This stands for Paragraph. It does the exact same thing as <BR> except this tag skips a line. BR just jumps to the next line, P skips a line before starting the text again. |
| <HR> | This command gives you a line across the page. (HR stands for Horizontal Rule.) The line right just below this chart was made using an <HR> tag. |
Heading Commands
- Skip a line
- Make the text bold
- Change the size of the text
<H1>This is Heading 1</H1>
<H2>This is Heading 2</H2>
<H3>This is Heading 3</H3>
<H4>This is Heading 4</H4>
<H5>This is Heading 5</H5>
<H6>This is Heading 6</H6>
Font Size Commands
<FONT SIZE="+4">This is +4</FONT>
<FONT SIZE="+3">This is +3</FONT>
<FONT SIZE="+2">This is +2</FONT>
<FONT SIZE="+1">This is +1</FONT>
This is the default size. (which means this is the size you will get if you do not specify a font size)
<FONT SIZE="-1">This is -1</FONT>
<FONT SIZE="-2">This is -2</FONT>
It’s almost like a command inside of a command. The technical HTML term is an attribute. When you use an attribute, you denote the attribute with an equal sign and enclose it within quotation marks. Look above. See the equal sign and the plus or minus number in quotes? That's what I'm talking about.
Remember that an attribute is inside of a tag. When you use an end command, you are closing the tag, not the attribute. So you only need the one end tag, like above. We start the tag with <FONT SIZE="-"> and we end it with </FONT>
Font Face Commands
Alright, that was a little silly, but you get the idea. As a Web designer, it’s nice to be able to change the style of your font face. If you understood the last section on Font Size Commands, this will be easy for you. All you do is use another attitribute, this time <FONT FACE="-">…</FONT>. Below are some examples of a few font face commands.
This is regular font
<FONT FACE="arial">arial font</FONT>
<FONT FACE="verdana">verdana font</FONT>
<FONT FACE="century">century font</FONT>
<FONT FACE="braggadocio">braggadocio font</FONT>
<FONT FACE="courier">courier font</FONT>
<FONT FACE="desdemona">desdemona font</FONT>
<FONT FACE="garamond">garamond font</FONT>
<FONT FACE="modern">modern font</FONT>
<FONT FACE="symbol">symbol font</FONT> (These are pretty silly.)
<FONT FACE="wingdings">wingdings font</FONT> (As are these.)
Using More Than One Attribute
One of the great things about attributes is that you can combine them. Let’s say you wanted to say "Hello!" using text with an "arial" face with a size of "+3". Here is what that would look like in your HTML code:
<FONT FACE="arial" SIZE="+3">Hello!</FONT>
and here is what you would end up with:
Hello!
Aligning Text
<P ALIGN="center">Text in here is centered</P>
<P ALIGN="right">Text in here is pushed to the right</P>
____________________________________________________________________________________________________
