Tag Diagram
Your may has noticed that HTML tags come in pairs;
HTML has both an opening tag (<tag name>) and a closing tag (</tag name>).
The only difference between the opening and closing tags are that the closing tag contains an extra forward slash.
Some EXAMPLE HTML tags that might make things clearer:
<b>Makes text bold</b><I>Makes text italic</I><H1>tells the browser that this text was very important-the browser usuallymakes This text really big</H1><Table>Creates an HTML table-think of a spreadsheet</Table>
I hope you can see the pattern in the list above.
HTML tags is not just for placing and formatting text, HTML tags can is used to include other things like:animation, vid EO, Flash, audio, and even multimedia programs.
Comparing HTML code and the Web page it creates
Let's start with a very simple web page to make it as easy for you to understand. First lets look at the final Page:sample Web page
Now that we've seen what's the page looks like and let's look at the HTML code used to create the page.
What are you should does now take a little time and compare the HTML page and the page with the code that's used to create t He page.
Notice where the tags is and what they is doing.
Some theory:the structure of an HTML page
An HTML page was divided into major sections:
-
1. The head
-
The head (
-
2. The body
The
-
body (<body>) Section:this section contains all the stuff this appears on the actual web page when Someo Ne happens to come along with their Web browser. We are talking about the actual text, images, flash movies, and so on that people would see. That, of course, means the tags used to format all this stuff is there too ...
You'll notice that both the head and the body sections of a Web site is marked in the HTML page with their respective t AGS: (
If the body tag creates the body of an HTML page, and the head tag creates the head of a HTML page, how does you create an HTML page itself? You guessed it, use the HTML tags:
< HTML ></ HTML >
The ' mother of all tags ' are the HTML (
The difference between the start and end tags are the forward slash (/), but you are already knew that.
Every web page must begin and end with the HTML tag, otherwise the Web browser (Programs like Internet Explorer) would not Be able to display the page.
You also has the the head tags and the body tags. All of the other tags is optional.
So the Bare-bones HTML page must has these tags and in this order:
<HTML> <Head> <title>Title of your Page</title> </Head> <Body> </Body></HTML>
Lesson 2 Building your first web Page:part 2