Lesson 1 - Learning, Understanding and Editing HTML Codes: Viewing The Source Code

You might also like

Download as pdf or txt
Download as pdf or txt
You are on page 1of 4

LESSON 1 – LEARNING,

UNDERSTANDING AND EDITING


HTML CODES

HTML stands for Hypertext Markup Language. It is the language used to create
webpages. It has two major parts: the head and the body. The head contains basic information
about the web page or document like the document title. The body includes the subject mater
of the document. For every HTML document, it contains the head and body codes.
VIEWING THE SOURCE CODE
All web browsers make it possible for users to view the source code of a certain web page.
To view the source code using Google Chrome Browser, follow this instruction:
1. Click on “Customize and control Google chrome” button.
2. Click on Tools > View Source Code.

To view the source code using Internet Explorer, follow this instruction:
1. Press right click on the page.
2. Click on View Source.
IDENTIFYING THE PARTS OF AN HTML

An HTML document has two parts: head and body. The image above shows the basic structure
of an HTML document. Basic information about the document such as document title or web
page title is included in the head part while the content of the document is written in the
body. HTML tags always come in pairs - open tag and close tag (e.g <h1> - open tag, </h2> -
close tag. The HTML tag for head is <head>; for the body is <body>. All HTML documents
requires head and body codes.
CHANGING TITLE BAR TEXT
To change the text in title bar, type in between the tags <title> and </title>.

CHANGING BACKGROUND COLOR


Within the <body> tag, you can set the color of the background by typing using the background
color bgcolor like this <body bgcolor=”#FFFFFF”>. The hexadecimal number “#FFFFFF”
represent the color white.
To know the hexadecimal numbers of other colors, you can open Quick Color Table
(BGCOLOR version) html document.
CHANGING HEAD SIZE
HTML makes use of six levels of “heading level” tag pair. The smaller the heading number, the
larger the print size.

To change the size of the heading, simply change the heading number of the tag pair. Change
the heading number.

You might also like