6. Organisation

This page explains the following tags which can be used to structure a simple page layout:

​​

 

Horizontal Line

You can add a horizontal line by simply adding <hr> to your document.

There is no close tag.

Add at least one horizontal line to your web page.

html25.png
html23.PNG
 

Centre Align

This tag places the content within the tags on the centre of the page.

Be careful - you need to use the American spelling - 'center' - in your tags.

Add <center> tags to place your main heading in the centre of the page.

html tag 73.PNG
html26.PNG
 

Blockquote

A blockquote is used to display a quote from another person or place.

Text is indented further from the margin than the other content.

It is not used very often, but can be found in some online articles and essays.

Add at least one block quote to your web page.

html2.PNG
html1.PNG
 

Unordered List

An unordered list is a set of bullet points.

The <ul> tag is placed before the bullet points and </ul> afterwards.

Each bullet point is placed within <li> tags. That stands for list item.

Add either an unordered or ordered list to your web page. Include at least three items in your list.

html28.PNG
html29.PNG
 

Ordered List

An ordered list will number each line.

The <ol> tag is placed before the list and </ol> afterwards.

Each list item is placed within <li> tags.

Add either an unordered or ordered list to your web page. Include at least three items in your list.

html30.PNG
html31.PNG

Next it is time to add tags to the head, including a page title and metadata.