Layout
Approach
Go to My Home Page

Joanne Kennedy

This file is stored in wd/html/html_essential/portfolio.html

Welcome to the portfolio of my exercises.

HTML Document Structure : Go to My CV

Portfolio of Exercises

Selector test page

This paragraph is in the content div and does not have any id or class attributes.

This paragraph is in the content div and has a class attribute value tip.

This paragraph is in the content div and has a span element inside it.

Essential

This tutorial covered the basic structure of a web document and introduced the complusory elements that every html document should contain.

Validation

Browsers are very forgiving programs and often display incorrectly marked up documents. This tutorial emphasised the importance of validation

I understand that html documents must be well formed and marked up according to a particular html specification.

An error that I came across was in the title element, as the closing tag was misspelt and the slash charater was missing for the end tag.

I put the coding into the W3C HTML validator, found the mistake and corrected it by ensuring both tags were matching and spelt correctly, I then added a slash character to the closing tag and re-validated the code to find no errors.

Text

This is a test paragraph with this embedded child em element.

In this tutorial I have learnt how to create paragraphs,

level 1 headings,

level 2 headings,

level 3 headings,

level 4 headings,

level 5 headings,
level 6 headings,
I have learnt how to create emphasized text, as well as strong text, along with code samples, text which can be typed in by the user, text for quotes, Sample text, and text that would be replaced.

I have also learnt how to include special characters for example; The copyright symbol - © The greek symbol Beta - Β The euro sign - € And the characters used in the tags < and >

Text is not just text!.

Hyperlinks

Hyperlinks define the structure of the web by providing a mechanism to reference documents.

Lists

HTML offers 3 type of lists unordered, ordered, and definition lists.

Unordered list

Ordered list

  1. first item on the list
  2. second item on the list

Definition list

first definition term
first definition description
second definition term
second definition description

Different lists embedded in one another

Necessary

Uploading or publishing your web document is part of the testing cycle.

The address of my site is: http://www.inn.leedsmet.ac.uk/~c3369865/

The address of my site is: http://"include the address here" and I have checked it and it works and I am ready for the test!

Structure

A little patience and meticulous attention to a valid structured document is essential for any web development.

Navigation

Graphics

Go to My necessary portfolio

Temporal

Go to My necessary portfolio

Tables

Go to My necessary portfolio

Forms

Go to My necessary portfolio

Go to top Go to top

Joanne Kennedy