HTML Report .
HTML Report .
A
SEMINAR REPORT
ON
“ HTML MULTIMEDIA ”
SUBMITTED TO
SECOND
YEAR OF
BACHELOR OF TECHNOLOGY
UNDER THE GUIDANCE OF
PROF.RAJMANE P.P.
Department of Computer
Science And Engineering
A.Y. 2024-25
1
RAOSAHEB WANGDE MASTER CHARITABLE TRUST‘S
DNYANSHREE INSTITUTE OF ENGINEERING AND TECHNOLOGY
A/P: SONVADI-GAJAWADI, SAJJANGAD ROAD, TAL. & DIST.SATARA,
MAHARASHTRA STATE, 415 013
CERTIFICATE
This is to certify that the seminar report on “HTML MULTIMEDIA ” has been
successfully completed by MS.VAISHNAVI NIVAS MOHITE . PRN:23067971242053 of S. Y. B-
Tech. Sem-III for the partial fulfillment of the requirement of Dr. Babasaheb Ambedkar Technological
University, Lonere during academic year 2024-2025.
2
ACKNOWLEDGEMENT
The satisfaction that accompanies the successful completion of any task would be incomplete
without the mention of people whose ceaseless co-operation made it possible, whose constant
guidance and encouragement crown all efforts with success.
I am also grateful to our college Principal Dr. A. D. JADHAV whose valuable guidance has
always inspired me to work. I thank all the members of our Computer Science And
Engineering Department for their assistance in the completion of this work.
Date:
Place: Satara
Signature
MS.VAISHNAVI NIVAS MOHITE
3
ABSTRACT
4
INDEX
2 ACKNOWLEDGEMENT 3
3 ABSTRACT 4
4 INDEX 5
5 LITERATURE REVIEW 6
6 INTRODUCTION 8
7 BLOCK DIAGRAM 9
8 WORKING PRINCIPLE 10
9 TAGS OF HTML 11
10 EXAMPLE ON HTML 12
11 ADVANTAGES 13
12 DISADVANTAGES 14
13 APPLICATIONS 15
14 BENEFITS 16
15 CONCLUSION 17
16 REFERENCE 18
5
LITERATURE REVIEW
Introduction to HTML:
Evolution of HTML:
7
INTRODUCTION
● Introduction HTML is the Hyper Text Markup Language. The following is a list of some
of the most commonly used HTML tags:-
1) <! DOCTYPE HTML>:- It is used to describe the version of html.
2) <HTML>:- It is the root element in an Html Web page.
3) <HEAD>:- It is having information about the document.
4) <TITLE>:- It is used to provide title for the Web Document.
5) <BODY>:- It contains all the information in the document
6) <H1>:- It defines heading of large size.
7) <P>:- It defines the paragraph.
● A) Basic HTML Documents
1) To start any HTML document , it must be started with a document Type Declaration
(DTD) i.e <!DOCTYPE HTML>.
2) HTML document starts with the start tag i.e <HTML> and ends with the end tag i.e
</HTML>
3) Content of document is between the <BODY> and </BODY>.
• B) Basic HTML Headings
1) HTML Headings are of 6 types and defined with <h1> to <h6> tags.
2) Heading <H1> defines the heading that is most important and of largest size.
3) Heading <H6> defines the heading that is least important and of smallest size.
4) Heading <H2>,<H3>,<H4>,<H5> are of size in between <H1> and <H6> i.e. (Size of
H6<H5<H4<H3<H2<H1).
● C) Basic HTML Paragraphs, Links and Images
1) HTML Paragraphs are defined with the <p> and </p>.
2) Anchor tag <a> is used to define HTML Links.
3) Href Attribute is used to define the link’s destination.
4) Additional properties can be assigned with the use of different Attributes.
5) HTML Images are defined with the <img> tag.
6) Different attributes can be provided with image tag like the source file (src), alternative text
(alt), width
8
BLOCK DIAGRAM
9
WORKING PRINCIPLE
Markup Language :
HTML is a markup language, which means it uses tags to define elements
within a document. These tags tell the web browser how to display the content.
Document Structure:
An HTML document is structured in a hierarchical format. The basic
components include:
• Doctype Declaration: At the very top, the document starts with a declaration
(<!DOCTYPE html>) that informs the browser about the version of HTML
being used.
• HTML Element: The entire content of the HTML document is enclosed
within <html> and </html> tags.
• Head Section: The <head> section contains meta-information about the
document, such as its title (<title>), links to stylesheets, and scripts.
• Body Section: The <body> section contains the actual content that users see,
including text, images, links, and other media.
Rendering by Browsers:
When a web browser loads an HTML document, it reads the markup and
renders the content accordingly. The browser interprets the tags and displays the
elements visually on the screen. It also applies styles (from CSS) and executes
scripts (from JavaScript) as specified in the HTML
Hyperlinks:
One of the key features of HTML is its ability to create hyperlinks using the
<a> tag. This allows users to navigate between different web pages and resources
seamlessly.
10
TAGS OF HTML
11
EXAMPLE ON HTML
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Try it Yourself
OUTPUT:
This is a Heading
This is a paragraph.
12
ADVANTAGES
❖ Data Simplicity:
HTML is easy to learn and use, making it accessible for beginners who want to start creating web
pages.
Structure:
It provides a clear structure for web content, helping to organize elements like headings,
paragraphs, images, and links in a logical manner.
Browser Compatibility:
HTML is supported by all web browsers, ensuring that web pages can be viewed consistently
across different platforms and devices
SEO Benefits:
Proper use of HTML elements, such as headings and meta tags, can improve search engine
optimization, making it easier for search engines to index and rank web pages.
Accessibility:
HTML allows for the creation of accessible web content that can be navigated by users with
disabilities, especially when using semantic tags.
HTML works well with CSS for styling and JavaScript for adding interactivity, allowing for the
development of dynamic and visually appealing websites.
It supports embedding images, videos, and audio, enhancing the overall user experience.
13
DISADVANTAGES
❖ Limited Functionality:
HTML alone is not a programming language; it can't perform complex calculations or logic.
For dynamic content and interactivity, HTML must be combined with languages like
JavaScript.
Static Content:
HTML is primarily used for static content. While you can create interactive elements with
JavaScript, the HTML itself does not support dynamic content without additional scripting
Styling Limitations:
HTML provides basic formatting options, but for advanced styling and layout, CSS is
necessary. Without CSS, web pages can look plain and unappealing.
HTML does not support features like database connectivity, user authentication, or server-
side processing, which are often needed for complex applications. These require additional
technologies like PHP, Python, or frameworks.
SEO Challenges:
If not structured correctly, HTML can lead to poor search engine optimization (SEO). For
example, improper use of headings and meta tags can affect how search engines index the
content.
14
APPLICATIONS
HTML is the foundation for creating all types of web pages, from simple personal blogs
to complex corporate websites.
Web Applications:
Many web applications use HTML in combination with other technologies (like CSS and
JavaScript) to create interactive user interfaces.
Email Templates:
HTML is often used to design email templates for newsletters and marketing campaigns,
allowing for visually appealing and structured content.
Mobile Applications:
HTML can be used in mobile app development, particularly with frameworks like
Apache Cordova or PhoneGap, which allow developers to create mobile apps using web
technologies.
Many CMS platforms (like WordPress) use HTML to create and manage website
content, allowing users to easily publish and edit content without needing to know the
underlying code.
E-commerce Websites:
HTML is essential for building online stores, providing the structure for product listings,
shopping carts, and checkout processes.
15
BENEFITS
HTML provides a clear structure for web content. It allows developers to organize
text, images, and other elements in a way that is easily readable by both browsers
and users.
Accessibility:
Cross-Platform Compatibility:
HTML is supported by all web browsers, making it a universal language for web
development. This means that a web page written in HTML can be viewed on any
device, whether it's a desktop, tablet, or smartphone.
SEO Friendly:
HTML allows for the use of specific tags that help search engines understand the
content of a webpage. Proper use of headings, meta tags, and alt attributes can
improve a site's search engine optimization (SEO).
HTML can easily integrate with other web technologies like CSS (Cascading Style
Sheets) for styling and JavaScript for interactivity. This combination allows
developers to create dynamic and visually appealing websites.
Easy to Learn:
Content Management:
HTML makes it easy to manage and update content on a website. Changes can be
made quickly by editing the HTML code.
16
CONCLUSION
HTML is the ideal option for websites which require brisk development of
functionalities . It is a vey easy to understand and basic for developing a web site. It
qualified HTML as the standard for marking up web pages. HTML is very important for
making webpage. With the help of HTML we can easily create page of our desires.
Simply by using the tags we can easy adjust everything in stylish way.
17
REFERENCES
❖ Research papers:
❖ Websites:
https://www.w3schools.com/html/
https://www.geeksforgeeks.org/html-tutorial/
https://en.wikipedia.org/wiki/HTML
https://www.researchgate.net/deref/https%3A%2F%2Ffanyv88.com%3A443%2Fhttp%2Fwww.ijsr.net?_tp=eyJjb250ZXh0
Ijp7ImZpcnN0UGFnZSI6InB1YmxpY2F0aW9uIiwicGFnZSI6InB1YmxpY2F0aW9uI
n19
http://www.ijresm.com/
18