Your First WebPage!

Ready to go? Great! Your first web page done in traditional hello world fasion will look something like this

			<title>hello world</title>
			<p>Hello World!</p>

Not much yet huh? But we can pick up on many important attributes of html. The first tag at the top defines it as an html document. Following that we have the header section that contains metadata for search engines, links to style sheets or embeded style sheets for formatting, and the tite of the page. Next we have the body section which is rendered in the browsers main window. Finally, we have the P tag that defines a paragraph in the body of the document.

Other Tags

Now that we have something on the screen, we can add additional tags to define how it apears. the <strong> tag is used to define bold text, just make sure and close it off at the end of the text you want to bold with a </strong> tag.

There is also italicised text that is contained within <i> tags, as well as <u> for underlined text.

As powerfull as these are, most text formating is held at the <p> tag level in what is called attributes, such as <p style="color: red; font-size: 18px; align: right">. Styles let you apply multiple atributes to a block of code, either inline or in what is called style sheets or cascading style sheets (css). By defining mutliple formats to a specific tag or block type in a seperate document, you can use the same formating throughout your document without having to re-apply certain styles with every new <p> tag.

So for a review, the tags we have covered so far are:

  1. <html> - html, the top level tag
  2. <head> - head, where all the meta data is contained.
  3. <title> - title, the title of the page
  4. <body> - body, the meat and potatoes of our page
  5. <p> - p, the paragraph tag
  6. <strong> - Strong, bolded text
  7. <i> - i, italicised text

Further reading

For more information on basic html, feel free to check out the following sites: