COMPUTER

PROGRAMMING
.NET TECHNOLOGY
QUARTER 2. WEEK 7
RECAP
 WEB
BROWSERS
TEXT EDITOR
 LESSON 9
PERFORM PROGRAMMING IN HTML5 WITH
JAVASCRIPT AND CSS3 (PPHJC)

LEARNING OUTCOME 1. (CONTINUATION)

Develop basic HTML document using HTML5 and CSS 3 syntax

LEARNING COMPETENCIES
 Illustrate different business domain features
 Create and configure an HTML document according to user’s specification
 LEARNING OBJECTIVES

Understand the definition and function

1
of HTML.

2 Identify different elements used in HTML

3 Create a simple HTML file

 WHAT IS WEBPAGE

• It is an HTML or HTM file that has

information a websites convey.
• It is usually part of website.
• Websites consist of multiple pages having
the same theme.
• They can be accessed using URLs or
Uniform Resource Locator.
 URL
4
Sub-Domain 5 Domain
Top-level

https://www.facebook.com/CLAHSSSG

SCHEME / FILE PATH

1
PROTOCOL DOMAIN
2 NAME OR
3
SPECIFIC PAGE
 DOMAIN NAME

• Website address have IP counter parts.

172.217.17.100 157.240.2.35
https://www.google.com https://www.facebook.com
 DOMAIN NAME

• Domain names are unique, human readable

internet address of websites, which have 3
parts:
 Top-Level Domain
- extension or domain suffix
 Domain Name Root
- IP Address Domain
 Subdomain (optional)
Includes Domain Name
and Sub-domain
BUILD YOUR FIRST
WEB PAGE!
 WHAT IS HTML

• HTML stands for Hyper Text Markup Language

• HTML is the standard markup language for creating
Web pages
• HTML describes the structure of a Web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the
content
• HTML elements label pieces of content such as "this is
a heading", "this is a paragraph", "this is a link", etc.
BASIC HTML5 DOCUMENT STRUCTURE

HEAD

BODY
 PROCEDURE

STEP
1
OPEN
Text Editor
or
HTML Editor
 PROCEDURE

STEP
2
WRITE
Some HTML
 PROCEDURE

STEP
3
SAVE
the HTML Page
 PROCEDURE

STEP
4
VIEW
the HTML Page in your browser
 HTML CODE

ACTUAL
CODING