Manuscript for HTML Tutorial #3
Listed below is the manuscript of all textual instructions used in HTML Tutorial #3 - Adding a Head & Body Section to Your Web Page. Most of this text is displayed inside the yellow balloons used to guide viewers as they watch the lessons.
Students and instructors may find it helpful to have a hard copy of these balloon instructions. You may print this web page to use as an aide in following, referencing, or demonstrating the web design series.
Tutorial #3 - Adding a Head & Body Section to Your Web Page
- Lesson #3: Head & Body Sections. Click the play button to begin the tutorial.
- OK, now that we've entered our html tags, it's time to divide our document into its two major sections.
- All web pages should have a head section on top, and a body section below.
- We'll start with the head section by typing in the opening <head> tag.
- Notice again that a tag uses a less-than and a greater-than symbol.
- Although this time we used the head element between the symbols.
- We'll also need to end the head section using the closing </head> tag.
- Don't forget to include a forward slash in all of your closing tags.
- Notice how the two head tags are placed between the two html tags.
- This is because the head section is a portion of the entire html document, thus needing to be placed completely inside of it.
- Next we'll build the body section right here beneath the head section.
- We'll start with the opening <body> tag.
- Then we'll end with the closing </body> tag.
- The two body tags should also be inside of the two html tags.
- Although be sure to keep your head & body sections independent of each other.
- We will place all other tags and content into either the head or body sections, depending on their purpose.
- The head section will hold information about our web page.
- The body section will hold content, and other items that will usually show in a web browser window.
- For now, let's type just one sentence into the body section.
- OK, go ahead and enter a head & body section, and a sentence of your choice into the body of your HTML document. Then you can begin Lesson #4.
Tutorial Home | HTML Tutorial | Web Forms Tutorial | Web Button Tutorial | Email Tutorial | Watermark Tutorial
Copyright © 2000-08 VisualTutorials.com. All rights reserved. | Terms of Service | Privacy Policy | Site Map
