HTML
📘 Detailed Definition of HTML
HTML (HyperText Markup Language) is the
foundational markup language used to
create and design documents that are
displayed in web browsers. It allows
developers and designers to structure web
content by using a system of elements and
tags.
The "HyperText" part refers to the ability to
link different web pages and resources
using hyperlinks. The "Markup Language"
aspect indicates that HTML uses predefined
tags to mark and organize text, images,
videos, and other content for display in a
browser.
Each HTML document consists of a series of
elements, written using tags such as
<html>, <head>, <title>, <body>, <h1> to
<h6>, <p>, <a>, and many others. These
elements tell the browser what to show and
how to show it.
📌 Key Features of HTML:
Platform-Independent – HTML works
across all browsers and devices.
Easy to Learn and Use – Simple syntax
and structure.
Supports Multimedia – Embeds images,
audio, video, and interactive content.
Foundation for CSS and JavaScript –
Used alongside CSS for styling and
JavaScript for functionality.
🧱 Example:
html
CopyEdit
<!DOCTYPE html>
<html>
<head>
<title>Example Page</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a paragraph of text on a simple
HTML page.</p>
</body>
</html>
OUT PUT:
✅ Summary:
HTML is not a programming language but a
markup language that provides the basic
structure for every website. It is essential
for web development and works hand-in-
hand with CSS and JavaScript to build
modern, responsive, and interactive
websites.
HTML Page Structure:
📄 Basic Structure of an HTML Page
Every HTML document follows a standard
structure that browsers understand to
display the content correctly.
Key Parts of an HTML Page:
1. <!DOCTYPE html>
Declares the document type and version
of HTML being used (HTML5 here).
2. <html>
The root element that wraps all the
content on the page.
3. <head>
Contains metadata, such as the page
title, character set, styles, and scripts.
4. <title>
Sets the title of the webpage shown on
the browser tab.
5. <body>
Contains all the visible content like text,
images, links, etc.
Example of a Complete Basic HTML Page:
html
CopyEdit
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-
scale=1.0">
<title>My Sample Page</title>
</head>
<body>
<h1>Welcome to My Sample Page</h1>
<p>This is a paragraph explaining the
content of the page.</p>
</body>
</html>
Summary:
Element Purpose
<!DOCTYPE Defines the HTML version
html> (HTML5)
Root element of the HTML
<html>
document
<head> Contains meta information
Element Purpose
and resources
Sets the page title in the
<title>
browser tab
Contains all visible content
<body>
on the page
