Boot Camp

Web Page Code Structure
9
Web Page Code Structure
Web code structure is very simple, even though a the code of a fully functioning web
page looks confusing and complex. We’re going to break things down, step by step, and
you’ll be coding in no time.
HTML works in a very simple and logical format. It reads like you do, from top to bottom,
and left to right. That’s important to remember. HTML is written with normal text.
What you use to set certain sections apart as headings, subtitles, bold text, image links,
etc is a series of what we call tags.
Think of tags as making your structure. Let’s say you want a heading. You will put a tag
at the exact point you want the heading to start and another tag where you want the heading
to stop. If you want a specific word to be emphasized, you will place a start emphasis
tag at the beginning of the word and an end emphasis tag at the end of the word. Make
sense?
HTML Tag Building Blocks
HTML tags have three components that tell the browser what is to be displayed:
• Element: An HTML element is everything from the start tag to the end tag. Example:
• Attribute: Provides additional information about HTML elements. Example:
• Value: The value of the tag’s attribute. The value must always be inside of opening
and closing quote marks. Example:
We’ll take a good look at these three sections later, but first, a word about using the
HTML coding tags. Remember these four things about using a tag:
• Open it
• Close it
• Use for specific purposes
• ALWAYS use all small text - no capital letters
77