html webpages

13
HTML Webpages

Upload: nasim-witt

Post on 03-Jan-2016

59 views

Category:

Documents


0 download

DESCRIPTION

HTML Webpages. Samples. Open up Internet Explorer Browser NDCL.org Go to Page—View Source Sample 1 Sample 2 Sample 3. Open Notepad. Found under Start—Programs—Accessories. Save File Twice. Create New Folder Call it “Webpage” File—Save As Index.txt File—Save As Index.html. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: HTML Webpages

HTML Webpages

Page 2: HTML Webpages

Samples

Open up Internet Explorer BrowserNDCL.orgGo to Page—View SourceSample 1Sample 2Sample 3

Page 3: HTML Webpages

Open Notepad

Found under Start—Programs—Accessories

Page 4: HTML Webpages

Save File Twice

OCreate New FolderOCall it “Webpage”OFile—Save AsOIndex.txtOFile—Save AsOIndex.html

Page 5: HTML Webpages

Webpage Folder

Every item in your webpage must be saved here

X

Page 6: HTML Webpages

Begin Typing Code

All tags must be typed inside angle brackets

<>=start</>=stop

Page 7: HTML Webpages

On TagsCan start or turn on commands

<html> Indicates to browser page is written in HTML

<head> Used to enter information about page

Does not appear on page

<title> What you want to appear in title bar of browser window

<body> The content users will see must be typed following this

Page 8: HTML Webpages

Off TagsCan stop or turn off commands</title> Used to stop the title</head> Used to stop heading

</body> Comes directly before the html off tag</html> Last command in notepad

Page 9: HTML Webpages

Saving

File Save As--index.txtFile Save As--index.html

Refresh Page

Page 10: HTML Webpages

Let’ s Get Started

<html><head><title>My First Webpage </title></head><body>

Page 11: HTML Webpages

<body>O Everything you want on your

webpage follows this tagO <font face=arial>Hello</font>

Page 12: HTML Webpages

BackgroundO <body bgcolor=red>

Page 13: HTML Webpages

Image for BackgroundO Find an image and save it to your

webpage folderO Type this code inside the body on tag

O <body background=“file.jpg”