Monday, June 18, 2012

Basic HTML and Basic HTML 2


There are many online tutorials on using HTML. The link below is to an excellent site that steps you through creating a basic page.


Work through the first four pages – Home, Introductions, Elements, Basic Tags.

Use the tutorial and NOTEPAD to create a page displaying the following elements;

  • Headings
<h1>Headings</h1>

  • Background colours
<body style-“background-colour-blue”>

  • Paragraph break
<p>paragraph</p>
<p>second paragraph</p>

  • Line break
<p>paragraph<br/> with multiple <br/> line <br/> breaks

  • Bold font
<b>

  • Comments
    <!—Comments-->

  • Image as a background
    body
    (
    background-image: url(‘name of image.gif’);
    )

  • A hyperlink to the first page
    <a href= “url”>Link text</a>

  • An image
    <img src=“source of the image” alt “alternative text for the image”>

  • Image as a hyperlink
    <a href= “url’>
    <img src= “image source.gif” alt= “alternative text”

Coloured Fonts
<h style=font-family:verdana;colour;red;”>Heading</h>

<p style=font-family:times;colour;blue”>Pararaph</p>



No comments:

Post a Comment