The different parts of a web page have have names so you can describe exactly which bit you are talking about. The easiest bit to remember is the head and the body.body contains the the actual content of the page. The head contains bits that apply to the page as a whole. Since the page Title does not appear in the page itself, it goes into the head part.

Tags

Tags are the things in a .html file that are wrapped in < and >. There are a lot of different kind of tags in html. from the very simple ones such as <b>bold</b> and <i>itallics</i>.

Some things in html need start and end tags and apply to everything between them. Other tags Sit on their own.

There are many many more tags in html. This is just a quick selection to give you an idea of what they are.

Elements

Elements are the parts of the webpage document itself. Tags describe what you want in the document. Elements are what the document are when they are inside the computer. The difference between Tags and elements is like the difference between saying "I want a banana" and an actual banana. All of the different tags have corresponding elements. <div> Hello World </div> tells the browser to make an DIV element containing the text "Hello World"

Attributes

Elements have attributes The <img> tag says we want to have an image in our document but that alone is not a lot of good because we havn't said what image we want to show. Images gave an attribute called 'src' which is how you say which image to use. <img src="http://fingswotidun.com/images/radish.png"> That tells the page where to find the iomage to place in the document.

Another easy attribute to remember is for links, called href. <a href="http://google.com">Google it<a> This tells the browser to Show the text "Google it" as a link, but when clicked, it sends the browser to http://google.com.

You can also use attributes for identifying parts of your document or to describe elements as being part of a certain class. <div id="mydiv" class="happy">>Some text inside the DIV</div>

Stylesheet

Where elements describe the content is in a document, styles describe how that content is displayed. A set of styles is called a stylesheet. Stylesheets are written in a different way to HTML tags.

A simple style sheet declaring four styles could be 

      body {background-color: blue;}
      
      a {background-color: white;}
      
      .happy {
         border 1px solid black;
         background-color: green;
      }
      
      #mydiv {
        width: 400px;
        height: 100px;
      }
Which tells us that:
  1. The page body should have a blue background
  2. All links should have a white background
  3. Any elements with a class attribute of "happy" should have a green background and a black border
  4. And elements with an id attribute of "mydiv" should have a width of 400 pixels and a height of 100 pixels