HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. ...
-
Upload
dayna-burke -
Category
Documents
-
view
241 -
download
2
Transcript of HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. ...
![Page 1: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/1.jpg)
![Page 2: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/2.jpg)
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)
![Page 3: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/3.jpg)
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
![Page 4: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/4.jpg)
![Page 5: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/5.jpg)
![Page 6: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/6.jpg)
![Page 7: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/7.jpg)
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!
![Page 8: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/8.jpg)
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
![Page 9: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/9.jpg)
More HTML tags
<b> </b>
Make the text bold
<u> </u>
<b> </b>
Underline the text
Make the text italics
![Page 10: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/10.jpg)
Inserting pictures, hyperlinks:
<a href=“http://bbc.co.uk"></a>
Creates a hyperlink
<img src=“image.jpg">
Adds an image
![Page 11: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/11.jpg)
Decoding HTML tags
![Page 12: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/12.jpg)
Do you get the jokes?
![Page 13: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/13.jpg)
![Page 14: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/14.jpg)
![Page 15: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/15.jpg)
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
![Page 16: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/16.jpg)
Worksheets!
![Page 17: HTML file format Lesson Objective: Understanding HTML and how it is used to create web pages. Learning Outcome: Create a HTML page by interpreting.](https://reader035.fdocuments.net/reader035/viewer/2022062321/56649f145503460f94c286ff/html5/thumbnails/17.jpg)