View
232
Download
2
Category
Tags:
Preview:
Citation preview
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!
Recommended