HTML HYPERTEXT MARKUP LANGUAGE HYPERTEXT MARKUP LANGUAGE q

HYPERTEXT MARKUP LANGUAGE q Evolution o Level 0: basic structural elements o Level 1:

CONCEPT q HTML is a text file that can be published q HTML document

HOW TO CREATE HTML DOCUMENT? q Step 1: Open a text editor (Notepad) Start

UNDERSTANDING TAGS - ELEMENTS Elements Instruction/Command Container Empt y <tag> ……. . </tag> <tag>

WEB PAGE STRUCTURE - FRAMES <HTML> <HEAD> Head </HEAD> <BODY> Body </BODY> </HTML>

WEB PAGE STRUCTURE - FRAMES <HTML> <HEAD> Page Title here </HEAD> <BODY> Page Body

<TITLE>…. . </TITLE> Container Tag Element e e l l t i t atti

<HEAD> ……… </HEAD> <HTML> <HEAD> <TITLE> My first Web Page! </TITLE> </HEAD> </HTML>

<BODY>…. . </BODY> Container Tag Element e to s p l e th e

Slides: 10

Download presentation

HTML HYPERTEXT MARKUP LANGUAGE

HYPERTEXT MARKUP LANGUAGE q Evolution o Level 0: basic structural elements o Level 1: highlighted text & graphics o Level 2: interactive medium on www (filling forms) o Level 3: frames, video, sound, etc

CONCEPT q HTML is a text file that can be published q HTML document contains instructions q HTML instructions are called Elements

HOW TO CREATE HTML DOCUMENT? q Step 1: Open a text editor (Notepad) Start >> Programs >> Accessories >> Notepad q Step 2: Save the file File >> Save As Save with. html extension q Step 3: Double click the file to open in standard browser

UNDERSTANDING TAGS - ELEMENTS Elements Instruction/Command Container Empt y <tag> ……. . </tag> <tag>

WEB PAGE STRUCTURE - FRAMES <HTML> <HEAD> Head </HEAD> <BODY> Body </BODY> </HTML>

WEB PAGE STRUCTURE - FRAMES <HTML> <HEAD> Page Title here </HEAD> <BODY> Page Body here </BODY> </HTML> o C a t n e in g a t r

<TITLE>…. . </TITLE> Container Tag Element e e l l t i t atti ps l e H fine dow e n i d to er w ws bro e h t for

<HEAD> ……… </HEAD> <HTML> <HEAD> <TITLE> My first Web Page! </TITLE> </HEAD> </HTML>

<BODY>…. . </BODY> Container Tag Element e to s p l e th e n i def t n e t n o ow c ind w y r od rowse H b for the b