COMPLETE NOTES ON HTML
A) Question Answers :
Ques: 1 What is HTML?
Ans: HTML (Hypertext Markup Language) is a markup language used for creating web pages and other
documents intended for display in a web browser. HTML is the standard language for creating web pages
and is used to structure content on the web.
HTML uses a series of tags to define the structure and content of a web page. These tags can be used to
define headings, paragraphs, links, images, lists, and other types of content. HTML also allows you to
create tables, forms, and other interactive elements.
When a web page is loaded in a browser, the browser reads the HTML code and uses it to display the
content of the web page to the user. HTML works together with CSS (Cascading Style Sheets) and
JavaScript to create rich and interactive web pages.
Ques: 2 Why we use HTML?
Ans: HTML is used for creating web pages that can be displayed in a web browser. It provides a standard
structure for organizing content on the web, allowing developers to create pages that are consistent and
easy to read. Here are some of the main reasons why HTML is used:
1. Structure: HTML provides a structured way to organize content on a web page, allowing developers
to create headings, paragraphs, lists, and other elements that help to organize the information on the
page.
2. Content: HTML allows you to add text, images, videos, and other types of content to a web page.
This content can be styled and arranged in a way that makes it easy to read and understand.
3. Accessibility: HTML provides tools for making web pages accessible to people with disabilities. For
example, HTML provides tags for adding alt text to images, which can be read by screen readers to
help visually impaired users understand the content of a page.
4. Search Engine Optimization: HTML provides tools for optimizing web pages for search engines.
For example, using appropriate heading tags can help search engines understand the structure of a
page, making it easier to index and rank.
,5. Compatibility: HTML is supported by all major web browsers and is a standard language for
creating web pages. This means that HTML pages will work on a wide variety of devices and
platforms, making it a reliable choice for creating web content.
Ques: 3 How to use HTML?
Ans: To use HTML, you will need a text editor to create and edit HTML files, and a web browser to view
them. Here are the basic steps to create an HTML document:
1. Open a text editor: You can use any text editor such as Notepad, Sublime Text, or Visual Studio
Code to create an HTML document.
2. Create a new file: Create a new file in your text editor and save it with a .html extension. For
example, index.html.
3. Add HTML tags: The basic structure of an HTML document includes the <html>, <head>, and
<body> tags. Add these tags to your document to create a basic structure.
4. Add content: Add content to your HTML document using HTML tags such as <h1> for
headings, <p> for paragraphs, <img> for images, and <a> for links.
Save the file: Save your HTML file and open it in a web browser to view it.
Here is an example of a basic HTML document:
<!DOCTYPE html>
<html>
<head>
<title>My HTML Document</title>
</head>
<body>
<h1>Welcome to my HTML document</h1>
<p>This is a paragraph of text.</p>
<img src="image.jpg" alt="Image description">
<a href="https://www.example.com">Click here</a> to visit a website.
,</body>
</html>
This HTML document includes the basic structure of an HTML document, a heading, a paragraph, an
image, and a link. When you save and open this document in a web browser, you will see the content
displayed on the screen.
Ques: 4 History of HTML?
Ans: HTML (Hypertext Markup Language) was first created in the early 1990s by physicist Tim
BernersLee, who is widely considered the inventor of the World Wide Web. Berners-Lee was working at
CERN, the European physics research organization, and was looking for a way to share research
information between scientists located around the world. The first version of HTML, HTML 1.0, was
released in 1993, and it was designed to allow the creation of hypertext documents that could be linked
together using hyperlinks. The language was simple and limited, with only a few basic tags available for
formatting text and creating links. As the web grew in popularity, new versions of HTML were developed
to add more features and functionality. HTML 2.0 was released in 1995 and included support for forms,
tables, and other elements, while HTML 3.2, released in 1997, added support for frames, background
images, and other advanced features. HTML 4.0, released in 1997, introduced a range of new features,
including Cascading Style Sheets (CSS), which allowed for more advanced styling and layout of web
pages, as well as scripting languages like JavaScript, which added interactivity to web pages. In 2000, the
World Wide Web Consortium (W3C), the organization responsible for developing web standards,
released XHTML, which was a reformulation of HTML as an XML application. XHTML was designed
to be more modular and extensible than previous versions of HTML, and it was intended to promote
interoperability between different web browsers and devices. The most recent version of HTML is
HTML5, which was released in 2014. HTML5 includes a range of new features, such as native video and
audio support, canvas for drawing graphics, and new semantic elements for structuring web pages.
HTML5 also includes better support for mobile devices and accessibility features.
Ques: 5 What are basic Uses of HTML?
Ans: Here are some basic uses of HTML:
1. Creating web pages: The primary use of HTML is to create web pages that can be viewed in a
web browser. HTML provides a basic structure for organizing content on a web page and
includes tags for adding headings, paragraphs, images, links, lists, tables, and other types of
content.
2. Formatting text: HTML can be used to format text on a web page, including changing the font
size and color, making text bold or italicized, and creating headings and subheadings.
, 3. Creating links: HTML provides a way to create hyperlinks that allow users to navigate to other
web pages or parts of the same web page. This is done using the <a> tag and the href attribute.
4. Adding images: HTML allows you to add images to a web page using the <img> tag. You can
specify the source of the image using the src attribute and add alternative text using the alt
attribute.
5. Creating forms: HTML can be used to create forms that allow users to submit data to a web
server. This is done using the <form> tag and includes input fields for text, checkboxes, radio
buttons, and other types of data.
6. Organizing content: HTML provides a way to organize content on a web page using tags such
as <div> and <span>. These tags can be used to group related content and apply styling using
CSS.
Overall, HTML is used to create the structure and content of web pages and is essential for creating any
type of web content.
Ques: 6 What is Tags?
Ans: In HTML, tags are used to define the structure and content of a web page. Tags are enclosed in
angle brackets (< >) and usually come in pairs: an opening tag and a closing tag. The opening tag starts
with the name of the tag, followed by any attributes, and ends with a closing angle bracket. The closing
tag has the same name as the opening tag, but with a forward slash (/) before the name.
For example, the <h1> tag is used to create a heading on a web page. The opening tag would look like
this: <h1> and the closing tag would look like this: </h1>. Any text or content that is enclosed within
these tags will be formatted as a heading.
Here is an example of an HTML tag:
<p>This is a paragraph of text.</p>
In this example, the <p> tag is used to create a paragraph of text. The opening tag is <p> and the closing
tag is </p>. Any text that is enclosed within these tags will be formatted as a paragraph.
HTML tags are used to create a wide variety of content on a web page, including headings, paragraphs,
links, images, lists, tables, and forms. By using these tags, you can create a structured and organized
layout for your web page, making it easier for users to read and navigate.
Ques: 7 Types of Tags?
Ans: There are many types of tags in HTML, each with its own purpose. Here are some of the most
common types of tags:
A) Question Answers :
Ques: 1 What is HTML?
Ans: HTML (Hypertext Markup Language) is a markup language used for creating web pages and other
documents intended for display in a web browser. HTML is the standard language for creating web pages
and is used to structure content on the web.
HTML uses a series of tags to define the structure and content of a web page. These tags can be used to
define headings, paragraphs, links, images, lists, and other types of content. HTML also allows you to
create tables, forms, and other interactive elements.
When a web page is loaded in a browser, the browser reads the HTML code and uses it to display the
content of the web page to the user. HTML works together with CSS (Cascading Style Sheets) and
JavaScript to create rich and interactive web pages.
Ques: 2 Why we use HTML?
Ans: HTML is used for creating web pages that can be displayed in a web browser. It provides a standard
structure for organizing content on the web, allowing developers to create pages that are consistent and
easy to read. Here are some of the main reasons why HTML is used:
1. Structure: HTML provides a structured way to organize content on a web page, allowing developers
to create headings, paragraphs, lists, and other elements that help to organize the information on the
page.
2. Content: HTML allows you to add text, images, videos, and other types of content to a web page.
This content can be styled and arranged in a way that makes it easy to read and understand.
3. Accessibility: HTML provides tools for making web pages accessible to people with disabilities. For
example, HTML provides tags for adding alt text to images, which can be read by screen readers to
help visually impaired users understand the content of a page.
4. Search Engine Optimization: HTML provides tools for optimizing web pages for search engines.
For example, using appropriate heading tags can help search engines understand the structure of a
page, making it easier to index and rank.
,5. Compatibility: HTML is supported by all major web browsers and is a standard language for
creating web pages. This means that HTML pages will work on a wide variety of devices and
platforms, making it a reliable choice for creating web content.
Ques: 3 How to use HTML?
Ans: To use HTML, you will need a text editor to create and edit HTML files, and a web browser to view
them. Here are the basic steps to create an HTML document:
1. Open a text editor: You can use any text editor such as Notepad, Sublime Text, or Visual Studio
Code to create an HTML document.
2. Create a new file: Create a new file in your text editor and save it with a .html extension. For
example, index.html.
3. Add HTML tags: The basic structure of an HTML document includes the <html>, <head>, and
<body> tags. Add these tags to your document to create a basic structure.
4. Add content: Add content to your HTML document using HTML tags such as <h1> for
headings, <p> for paragraphs, <img> for images, and <a> for links.
Save the file: Save your HTML file and open it in a web browser to view it.
Here is an example of a basic HTML document:
<!DOCTYPE html>
<html>
<head>
<title>My HTML Document</title>
</head>
<body>
<h1>Welcome to my HTML document</h1>
<p>This is a paragraph of text.</p>
<img src="image.jpg" alt="Image description">
<a href="https://www.example.com">Click here</a> to visit a website.
,</body>
</html>
This HTML document includes the basic structure of an HTML document, a heading, a paragraph, an
image, and a link. When you save and open this document in a web browser, you will see the content
displayed on the screen.
Ques: 4 History of HTML?
Ans: HTML (Hypertext Markup Language) was first created in the early 1990s by physicist Tim
BernersLee, who is widely considered the inventor of the World Wide Web. Berners-Lee was working at
CERN, the European physics research organization, and was looking for a way to share research
information between scientists located around the world. The first version of HTML, HTML 1.0, was
released in 1993, and it was designed to allow the creation of hypertext documents that could be linked
together using hyperlinks. The language was simple and limited, with only a few basic tags available for
formatting text and creating links. As the web grew in popularity, new versions of HTML were developed
to add more features and functionality. HTML 2.0 was released in 1995 and included support for forms,
tables, and other elements, while HTML 3.2, released in 1997, added support for frames, background
images, and other advanced features. HTML 4.0, released in 1997, introduced a range of new features,
including Cascading Style Sheets (CSS), which allowed for more advanced styling and layout of web
pages, as well as scripting languages like JavaScript, which added interactivity to web pages. In 2000, the
World Wide Web Consortium (W3C), the organization responsible for developing web standards,
released XHTML, which was a reformulation of HTML as an XML application. XHTML was designed
to be more modular and extensible than previous versions of HTML, and it was intended to promote
interoperability between different web browsers and devices. The most recent version of HTML is
HTML5, which was released in 2014. HTML5 includes a range of new features, such as native video and
audio support, canvas for drawing graphics, and new semantic elements for structuring web pages.
HTML5 also includes better support for mobile devices and accessibility features.
Ques: 5 What are basic Uses of HTML?
Ans: Here are some basic uses of HTML:
1. Creating web pages: The primary use of HTML is to create web pages that can be viewed in a
web browser. HTML provides a basic structure for organizing content on a web page and
includes tags for adding headings, paragraphs, images, links, lists, tables, and other types of
content.
2. Formatting text: HTML can be used to format text on a web page, including changing the font
size and color, making text bold or italicized, and creating headings and subheadings.
, 3. Creating links: HTML provides a way to create hyperlinks that allow users to navigate to other
web pages or parts of the same web page. This is done using the <a> tag and the href attribute.
4. Adding images: HTML allows you to add images to a web page using the <img> tag. You can
specify the source of the image using the src attribute and add alternative text using the alt
attribute.
5. Creating forms: HTML can be used to create forms that allow users to submit data to a web
server. This is done using the <form> tag and includes input fields for text, checkboxes, radio
buttons, and other types of data.
6. Organizing content: HTML provides a way to organize content on a web page using tags such
as <div> and <span>. These tags can be used to group related content and apply styling using
CSS.
Overall, HTML is used to create the structure and content of web pages and is essential for creating any
type of web content.
Ques: 6 What is Tags?
Ans: In HTML, tags are used to define the structure and content of a web page. Tags are enclosed in
angle brackets (< >) and usually come in pairs: an opening tag and a closing tag. The opening tag starts
with the name of the tag, followed by any attributes, and ends with a closing angle bracket. The closing
tag has the same name as the opening tag, but with a forward slash (/) before the name.
For example, the <h1> tag is used to create a heading on a web page. The opening tag would look like
this: <h1> and the closing tag would look like this: </h1>. Any text or content that is enclosed within
these tags will be formatted as a heading.
Here is an example of an HTML tag:
<p>This is a paragraph of text.</p>
In this example, the <p> tag is used to create a paragraph of text. The opening tag is <p> and the closing
tag is </p>. Any text that is enclosed within these tags will be formatted as a paragraph.
HTML tags are used to create a wide variety of content on a web page, including headings, paragraphs,
links, images, lists, tables, and forms. By using these tags, you can create a structured and organized
layout for your web page, making it easier for users to read and navigate.
Ques: 7 Types of Tags?
Ans: There are many types of tags in HTML, each with its own purpose. Here are some of the most
common types of tags:
