WEB DESIGN AND

PROGRAMMING
CHAPTER TWO
Introduction to HTML
• HTML stands for HyperText Markup Language:
• A markup language is a computer language that defines the
structure and presentation of raw text.
• In HTML, the computer can interpret raw text that is wrapped
in HTML elements.
• HyperText is text displayed on a computer or device that
provides access to other text through links, also known
as hyperlinks.
HTML Anatomy
• HTML is composed of elements. These elements structure the
webpage and define its content. Let’s take a look at how
they’re written.
HTML Elements
• An HTML element is defined by a start tag, some content, and an end tag.
• HTML tags has attributes in key value pair
• Some HTML elements have no content (like the <br> element). These
elements are called empty elements. Empty elements do not have an end
tag!
• HTML elements can be nested (this means that elements can contain other
elements).
• HTML tags are not case sensitive
• There are two types of HTML elements
• Block Level
• Inline
 HTML Tags
• The following are list of html tags that we will cover through out this course
• Page Title
• Favicon
• Heading
• Paragraphs (pre tags)
• Comments
• File path
• Links
• Images
• Tables
• Lists
• Buttons
• Form and Input
• Div and span
• Classes and Id