CHAPTER-2
Web designing using HTML
Part-1
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 ·
A Simple HTML
Document example
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Previous Example
explained
• The <!DOCTYPE html> declaration defines that this
document is an HTML5 document
• The <html> element is the root element of an HTML page
• The <head> element contains meta information about the
HTML page
• The <title> element specifies a title for the HTML page
(which is shown in the browser's title bar or in the page's
tab)
• The <body> element defines the document's body, and is
a container for all the visible contents, such as headings,
paragraphs, images, hyperlinks, tables, lists, etc.
• The <h1> element defines a large heading
• The <p> element defines a paragraph
What is an HTML
Element?
• An HTML element is defined by a start tag, some
content, and an end tag:
<tagname> Content goes here... </tagname>
• The HTML element is everything from the start tag to
the end tag:
For example,
<h1>My First Heading</h1>
Note: Some HTML elements have no content (like the <br> element). These elements are called empty
elements. Empty elements do not have an end tag!
Web Browsers
• The purpose of a web browser (Chrome, Edge,
Firefox, Safari) is to read HTML documents and
display them correctly.
• A browser does not display the HTML tags, but uses
them to determine how to display the document:
HTML Headings
• HTML headings are defined with the <h1> to <h6>
tags.
• <h1> defines the most important(biggest) heading.
<h6> defines the least important(smallest) heading:
Example
HTML Paragraphs
• HTML paragraphs are defined with the <p> tag:
Example
HTML links
• HTML links are defined with the <a> tag:
Example
<a href="https://www.google.com">Link to Google</a>
Note: The link's destination is specified in the href attribute.
HTML Images
• HTML images are defined with the <img> tag.
• The source file (src), alternative text (alt), width, and
height are provided as attributes:
Example
<img src=“D:\image.jpg" alt=“Flower image"
width="104" height="142">
