html and the sorcerer's code

22

Upload: d-casey-robertson

Post on 06-May-2015

1.240 views

Category:

Technology


0 download

DESCRIPTION

I developed this presentation for a lesson on HTML. The idea was to find a way to make learning the HTML scripting more interesting and engaging for students.

TRANSCRIPT

Page 1: HTML and the Sorcerer's Code
Page 2: HTML and the Sorcerer's Code

To Hogwarts School of Web Design & Scripting

Page 3: HTML and the Sorcerer's Code

O.W.L.s

Page 4: HTML and the Sorcerer's Code
Page 5: HTML and the Sorcerer's Code

Hyper

Text

Markup

Language

Page 6: HTML and the Sorcerer's Code
Page 7: HTML and the Sorcerer's Code

< >

</ >

Page 8: HTML and the Sorcerer's Code

<HTML>

</HTML>

Encloses the entire HTML document. These tags let the browser know to start reading and displaying the information presented within

Page 9: HTML and the Sorcerer's Code

<BODY>

</BODY>

The <BODY> element contains all the information which is part of the document.

Page 10: HTML and the Sorcerer's Code

<BODY BGCOLOR="#FFFFFF" TEXT="#000000"> </BODY>

Page 11: HTML and the Sorcerer's Code

<h1>Heading</h1>

Page 12: HTML and the Sorcerer's Code

<p>Spells and Things</p>

Page 13: HTML and the Sorcerer's Code

<b>Hello</b>

<i>Hello</i>

<u>Hello</u>

Bold

Italics

Underline

Page 14: HTML and the Sorcerer's Code
Page 15: HTML and the Sorcerer's Code

<html> <body> <body BGCOLOR=“#FFFFFF” TEXT=“#000000”> <H1>Quidditch Champions</H1> <P> Gryffindor wins the Quidditch Cup</P> </body> </html>

Page 16: HTML and the Sorcerer's Code

Quidditch Champions

Gryffindor wins the Quidditch Cup

Page 17: HTML and the Sorcerer's Code

<html> <body BGCOLOR=“#000000” TEXT=“#FFFFFF”> <H1>Quidditch Champions</H1> <P> <i>Gryffindor</i> wins the Quidditch Cup! Slytherin House is very <u>angry.</u></P> </body> </html>

Page 18: HTML and the Sorcerer's Code

Quidditch Champions

Gryffindor wins the Quidditch Cup! Slytherin House is very

angry.

Page 19: HTML and the Sorcerer's Code
Page 20: HTML and the Sorcerer's Code
Page 21: HTML and the Sorcerer's Code
Page 22: HTML and the Sorcerer's Code

References Images taken from Harry Potter and the Order of the Phoenix. Michael

Goldenberg (screenplay), J.K. Rowling (novel). Warner Brothers’ Studio. 2007

Music Clip from Harry Potter and the Sorcerer’s Stone Soundtrack. “Prologue” Composed by John Williams. 2001