Webpage Development Lab
Webpage Development Lab
Language
Week no. 1 - Laboratory
Table of Content
O A brief history of HTML
O Overview of HTML
O HTML Elements
O Creating your first HTML Page: HTML
Structure
A brief history of HTML
O HTML is the most popular and most frequently
used language for developing websites.
O Invented in 1990 by Tim Berners-Lee, HTML has
developed into several versions
O The base set of HTML tags is referred to as
HTML 2.0 (the old standard established by W3C)
O In 1996, HTML was updated to version 3.2,
followed by HTML 4.0 the following year.
O HTML 4.0 provided greater control over content
flow, and integrated the use of Cascading Style
Sheets (CSS).
O HTML Makes it possible to support a non-linear
manner content, such as text, images, and links,
to be accessed and presented.
Overview of HTML
HTML stands for Hypertext Markup Language.
O Hypertext It is a text that points to other pages
and objects on the Web. These maybe located in
another or within the same Web site.
O Markup This refers to the simple codes that
provide details about HTML elements.
O Language refers how HTML elements are put
together in order to create a document that
meets certain criteria or rules.
HTML Elements
An HTML document is a plain text file that contains
tags that indicate page elements, structure,
formatting and hypertext links and content.
HTML Tag looks like this:
<tag> text </tag>
or
<tag /> <- this applies to latest version
Creating your first HTML
Page: HTML Structure
<html> The first tag used. Indicates that the content of
the file are in HTML. All the necessary HTML
commands are included within the <html> tags.
<head> Serves as a placeholder for general information
about HTML page. The page title and author are
most often placed within the <head> and
</head>. You must never put any text of your
page in the header.
<title> Defines the title for your HTML document.
It provides a title for the page when it is added to
favorites.
Displays a title for the page in search-engine
results.
<body> The content are enclosed within <body> and
</body>. These includes text, graphics, links and
many more.