HTML and the Sorcerer's Code

Post on 06-May-2015

1,240 views 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

To Hogwarts School of Web Design & Scripting

O.W.L.s

Hyper

Text

Markup

Language

< >

</ >

<HTML>

</HTML>

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

<BODY>

</BODY>

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

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

<h1>Heading</h1>

<p>Spells and Things</p>

<b>Hello</b>

<i>Hello</i>

<u>Hello</u>

Bold

Italics

Underline

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

Quidditch Champions

Gryffindor wins the Quidditch Cup

<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>

Quidditch Champions

Gryffindor wins the Quidditch Cup! Slytherin House is very

angry.

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