Please Note: Provisional Date

The Basics of HTML

Tonge IT Suite, Brookes, Gipsy Lane, Oxford

What lies behind a well structured web page? We look at the basic principles of mark-up, and how web browsers (and mobile devices) interpret the HTML language.

How can we change the appearance of the element within the browser and how to keep this presentation separate from the structure?

Hypertext markup; the basics

  • A little History of HTML
  • Versions of HTML - including HTML5
  • Document structure
  • hierarchies
  • Built-in HTML elements
  • Block level / paragraph elements
  • Inline / character elements
  • Browser interpretation and default styles
  • Built in styles

+An introduction to CSS

here is a demo web page - look at the source.

See also:

Crafting Stylesheets

Validation: Why bother?

Adventures with the now Famous HTML5

I am using HTML5 therefore I am

Presentation Links:

Keeping Content and Presentation Separate

Screen Casts:

Basic Stuff you should Know about HTML and CSS

Horizontal Menus with CSS

Here is a movie version of the presentation

Click on the movie to move through the presentation

download or view this movie full size

Posted on 23 Sep 2011 around 8am