HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting

HTML file format

Lesson Objective:Understanding HTML and how it is used to create web pages.

Learning Outcome: Create a HTML page by interpreting

tags

Keywords: HTML, world wide web, hyperlink, meta-tags, CCS (cascading Style Sheets)

What is HTML

Hyper Text Markup Language

Invented by Sir Tim Berners-Lee as a way of easily sharing information over the internet. HTML uses Hyperlinks.

The development of HTML led to the creation of the World Wide Web

An example of HTML code…

These are tags.Anything written between the < >

signs are not shown on the web page. The tags tell the browser how to display the web

page.

Each tag here has an opening and closing tag. The closing tag has a / character at

the beginning.

This is the opening html tag …

… and this is the closing html tag …

Read the / character as ‘end’.

Q. Where is the closing tag for this one?

A. Here it is!

Basic HTML tags …

<head> </head>

<body> </body>

<h1> </h1>

Head (to go at the top of the page)

Body – main part of the web page

Heading level 1

<p> </p>

Paragraph

More HTML tags

<b> </b>

Make the text bold

<u> </u>

<b> </b>

Underline the text

Make the text italics

Inserting pictures, hyperlinks:

<a href=“http://bbc.co.uk"></a>

Creates a hyperlink

<img src=“image.jpg">

Adds an image

Decoding HTML tags

Do you get the jokes?

Why use HTML?

It is only text and therefore it can be written on a simple word processor

It is universally used by all browsers and it is open source

Worksheets!

Documents

HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting