1Website Development Techniques. HTML _presentation2_ 2 variant

Learning objective
10.4.2.1 use HTML tags when developing webpages

What is HTML used for?
What is CSS used for?
What types of styles can I use?
Which tag is used to divide a web page into blocks?
What is Box model?
What elements includes the Box model?

Creating a web page HTML Page Structure

HTML - Hypertext Markup Language, the language used for building web pages.

Web pages are built out of tags. These tags define what is on the page and how it should be structured.

HTML Page Structure

All web pages have the following basic structure:
Head - contains the title of the page
Body - displays the main page content
Title - this places a title on the top of the browser (NOT the top of a web page)

Creating a web page file

Go to Start > Programs > Accessories> Notepad
Write
Press enter a few times a write

Splitting your page into sections

The head section is the top section of the page
Between the tags and , write and

Splitting your page into sections

3. Between and write the
4. Between write the title of your webpage
5. Save

Making the body

After write
Press enter twice
Write
Type some text you want on your page
Save
Click refresh on your web page
You should have see the screen on the next slide

Saving your web page for the first time

Go to File> Save As
Find your HTML folder
Save as “My Site.html”
Click OK
DO NOT close the notepad

To open your web page as a web page

Go to My Documents
Double click on My Site.html
DO NOT close this

CONGRATULATIONS!!
You have successfully set up your first web page .
Keep working to see how fantastic your page can look...maybe be the best in the class?