---------------×------------------××--------------------×---------------
---------------×------------------××--------------------×---------------
HTML Practicals
---------------×------------------××--------------------×---------------
---------------×------------------××--------------------×---------------
Practical No. 1
<!DOCTYPE html>
<html>
<head>
<title>
My First Webpage
</title>
</head>
<body>
<h1>Government Polytechnic Pune</h1>
</body>
</html>
---------------×------------------××--------------------×---------------
Practical No. 2
<!DOCTYPE html>
<html>
<title>
Use of Heading Tags in Web Page
</title>
<body>
<h1>MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION</h1>
<h2>MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION</h2>
<h3>MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION</h3>
<h4>MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION</h4>
<h5>MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION</h5>
<h6>MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION</h6>
</body>
</html>
---------------×------------------××--------------------×---------------
Practical No. 3
<!DOCTYPE html>
<html>
<title>
Practical No. 3
</title>
<body>
<h1><center>My Webpage</center></h1>
<hr size="10" width="1000" color="blue">
<p>
<b>HyperText Markup Language </b>or HTML is the
standard markup language for documents designed to be displayed in a
web browser. It defines the content and structure of web content.
It is often assisted by technologies such as Cascading Style
Sheets (CSS) and scripting languages such as JavaScript.
<i>Web browsers receive HTML documents from a web server or
from local storage and render the documents into multimedia web
pages.</i>
HTML describes the structure of a web page semantically and
originally included cues for its appearance.
<u>HTML, or Hypertext Markup Language, forms the structural
framework for web content.</u>
It's composed of elements that define various aspects of a
webpage's layout and functionality.
These elements encompass headings, paragraphs, lists, links,
images, tables, forms, and more.
Files are saved with .html or .htm extensions, maintaining a
logical structure.
HTML documents usually comprise an initial declaration followed
by sections delineating metadata and the main content body.
The metadata section, enclosed within `<head>`,
contains essential information such as the document's title and
character encoding.
Conversely, the `<body>` section houses the substantive
content of the webpage.
HTML serves as a foundational layer for constructing dynamic
and interactive web pages, complemented by additional technologies like
CSS (Cascading Style Sheets) and JavaScript.
CSS empowers developers to dictate the presentation and layout
of HTML elements, encompassing attributes like color, font, spacing,
and alignment.
They're utilized within angle brackets, with an opening and
closing component determining the element's boundaries and appearance.
The content placed between these components dictates the visual
and functional characteristics of the webpage's elements.</p>
<p>Crafted in a straightforward syntax, HTML documents are
easily comprehensible and are composed using standard text editors.
Files are saved with .html or .htm extensions, maintaining a
logical structure.
<span style="background-color: aquamarine;"> Documents usually
comprise an initial declaration followed by sections delineating
metadata and the main content body. </span>
The metadata section, enclosed within `<head>`,
contains essential information such as the document's title and
character encoding.
Conversely, the `<body>` section houses the substantive
content of the webpage.
<b>HTML serves as a foundational layer for constructing dynamic
and interactive web pages, complemented by additional technologies like
CSS (Cascading Style Sheets) and JavaScript.
CSS empowers developers to dictate the presentation and layout
of HTML elements, encompassing attributes like color, font, spacing,
and alignment.
Meanwhile, JavaScript—a scripting language—enhances
interactivity, enabling functionalities like form validation,
animations, and real-time content updates. </b>
By integrating HTML with CSS and JavaScript, developers create
immersive and adaptive web experiences that cater to diverse user
preferences across different devices and platforms.
<i>Files are saved with .html or .htm extensions, maintaining a
logical structure.
HTML documents usually comprise an initial declaration followed
by sections delineating metadata and the main content body. </i>
<u>The metadata section, enclosed within `<head>`,
contains essential information such as the document's title and
character encoding.
Conversely, the `<body>` section houses the substantive
content of the webpage.</u>
HTML serves as a foundational layer for constructing dynamic
and interactive web pages, complemented by additional technologies like
CSS (Cascading Style Sheets) and JavaScript.
CSS empowers developers to dictate the presentation and layout
of HTML elements, encompassing attributes like color, font, spacing,
and alignment. </p>
<hr size="10" width="1000" color="blue">
<center><pre>
T H A N K
Y O U
</pre></center>
</body>
</html>
---------------×------------------××--------------------×---------------
Practical No. 4
<!DOCTYPE html>
<html>
<head>
<title>
Practical No. 4
</title>
</head>
<body><h1><center>My Webpage</center></h1>
<hr size="10" width="1000" color="blue" align="center">
<p><b>HyperText Markup Language </b>or HTML is
the standard markup language for documents designed to be displayed in
a web browser. It defines the content and structure of web content.
It is often assisted by technologies such as Cascading Style
Sheets (CSS) and scripting languages such as JavaScript.
<i>Web browsers receive HTML documents from a web server or
from local storage and render the documents into multimedia web
pages.</i>
HTML describes the structure of a web page semantically and
originally included cues for its appearance.
<u>HTML, or Hypertext Markup Language, forms the structural
framework for web content.</u>
It's composed of elements that define various aspects of a
webpage's layout and functionality.
These elements encompass headings, paragraphs, lists, links,
images, tables, forms, and more.
Files are saved with .html or .htm extensions, maintaining a
logical structure.
HTML documents usually comprise an initial declaration followed
by sections delineating metadata and the main content body.
The metadata section, enclosed within `<head>`,
contains essential information such as the document's title and
character encoding.
Conversely, the `<body>` section houses the substantive
content of the webpage.
HTML serves as a foundational layer for constructing dynamic
and interactive web pages, complemented by additional technologies like
CSS (Cascading Style Sheets) and JavaScript.
CSS empowers developers to dictate the presentation and layout
of HTML elements, encompassing attributes like color, font, spacing,
and alignment.
They're utilized within angle brackets, with an opening and
closing component determining the element's boundaries and appearance.
</p>
<p>
<address>
- Name: John Doe
- Email: johndoe@example.com
- Phone: +1 (555) 123-4567
- Address: 123 Mockingbird Lane, Springfield, Anytown,
USA
</address>
<blockquote>"In the midst of winter, I found there was,
within me, an invincible summer." - Albert Camus</blockquote>
</p>
</body>
</html>
---------------×------------------××--------------------×---------------
Practical No. 5
Code :-
<!DOCTYPE html>
<html>
<head>
<title>
Practical No. 5
</title>
</head>
<body>
<h1><center>My Webpage</center></h1>
<hr size="10" width="1000" color="blue">
<p><div><b>HyperText Markup Language </b>or HTML is the standard markup language for documents designed to be displayed in a web browser. It defines the content and structure of web content.
It is often assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.
<i>Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages.</i>
HTML describes the structure of a web page semantically and originally included cues for its appearance.
<u>HTML, or Hypertext Markup Language, forms the structural framework for web content.</u>
It's composed of elements that define various aspects of a webpage's layout and functionality.</div>
<div>These elements encompass headings, paragraphs, lists, links, images, tables, forms, and more.
<tt>Files are saved with .html or .htm extensions, maintaining a logical structure. </tt>
HTML documents usually comprise an initial declaration followed by sections delineating metadata and the main content body.
The metadata section, enclosed within `<head>`, contains essential information such as the document's title and character encoding.
Conversely, the `<body>` section houses the substantive content of the webpage.
sup 3<sup>2</sup> & sub CO<sub>2</sub>
HTML serves as a foundational layer for constructing dynamic and interactive web pages, complemented by additional technologies like CSS (Cascading Style Sheets) and JavaScript.
CSS empowers developers to dictate the presentation and layout of HTML elements, encompassing attributes like color, font, spacing, and alignment.
They're utilized within angle brackets, with an opening and closing component determining the element's boundaries and appearance.
<strike>The content placed between these components dictates the visual and functional characteristics of the webpage's elements.</strike></div>
<div>
Special characters :- " & ' < > © ,etc
</div>
</p>
</body>
</html>
---------------×------------------××--------------------×---------------
Practical No. 6
Code :-
<!DOCTYPE html>
<html>
<head>
<title>Web Page</title>
</head>
<body style="border-color: biack;border-style:
solid;">
<p>One <sub>particular</sub> book which is
recommended reading is <u>The Street Lawyer </u>by
<u>John Grisham</u>. <tt>This book is about a
lawyer who begins re-evaluating his properties in
life when a bad incident occurs within his law
firm.</tt><br/>
<strike>Consequently, he becomes
acquainted with the inner city streets, and
realizes the harsh existence of the homeless.
</strike> <u>The Street Lawyer</u> is a <b>
<i>great</i></b> book. It is <b><i>well
written</i></b> and <b><i>interesting.</b></i>
Other books by <sup><u>John Grisham</u></sup>
include <u>The Firm</u> & <u>The Peliean
Brief</u>, and <u>The Client</u>.
</body>
</html>
---------------×------------------××--------------------×---------------
Practical No. 8
Code :-
<!DOCTYPE html>
<html>
<head>
<title>
Practical No. 8
</title>
</head>
<body>
<center><h1>Welcome To HTML List</h1></center>
<b>List of available courses</b>
<ul>
<li>Data Structures & Algorithm </li>
<li>Web Technology</li>
<li>Aptitude & Logical Reasoning</li>
<li>Programming languages</li>
</ul>
<b>Data Structures topics</b>
<ol type="A">
<li>Array</li>
<li>Linked List</li>
<li>Stacks</li>
<li>Queues</li>
<li>Trees</li>
<li>Graphs</li>
</ol>
<u>Create an ordered list with lowercase roman numbers</u>
<ol type="i">
<li>HTML</li>
<li>CSS</li>
<li>JAVA</li>
<li>PYTHON</li>
</ol>
<b>The <dt> & <dd></b>
<dt>Descripton List</dt>
<dd>Defination List</dd>
</body>
</html>
---------------×------------------××--------------------×---------------
Practical No. 9
Code :-
<!DOCTYPE html>
<html>
<head>
<title>Practical No. 9</title>
</head>
<body bgcolor="pink">
<h3>UNORDERED LIST WITHIN ORDERED LIST</h3>
<ol>
<li>Chapter
<ul type="I">
<li>Point 1</li>
<li>Point 2</li>
</ul>
<li>Chapter 2
<ul type="I">
<li>Point 1</li>
<li>Point 2</li>
<li>Point 3</li>
</ul>
<li>Chapter 3
<ul type="I">
<li>Point 1</li>
<li>Point 2</li>
</ul>
</ol>
<hr>
<h3>ORDERED LIST WITHIN UNORDERED LIST</h3>
<ul type="Circle">
<li>Chapter 1</li>
<ol type="A">
<li>Point 1</li>
<li>Point 2</li>
<li>Point 3</li>
</ol>
<li>Chapter 2</li>
<ol type="A">
<li>Point 1</li>
<li>Point 2</li>
<li>Point 3</li>
</ol>
</ul><hr>
<h3>ORDERED LIST WITHIN ORDERED LIST</h3>
<ol type="a">
<li>Chapter 1</li>
<ol type="square">
<li>Point 1</li>
<li>Point 2</li>
</ol>
<li>Chapter 2</li>
<ol type="square">
<li>Point 1</li>
<li>Point 2</li>
</ol></ol><hr>
<h3>UNORDERED LIST WITHIN UNORDERED LIST</h3>
<ul type="I">
<li>Chapter 1</li>
<ul type="a">
<li>Section 1</li>
<li>Section 2</li>
</ul>
<li>Chapter 2</li>
<ul type="a">
<li>Section 1</li>
<li>Section 2</li>
</ul>
</ul>
</body>
</html>
---------------×------------------××--------------------×---------------
Note :- In practical 10 we need to create 4 files practical10.html , practical101.html , practical102.html , practical103.html As per provided by us.
Practical No. 10
practical10.html
Code :-
<!DOCTYPE html>
<html>
<head>
<title>Practical N. 10</title>
</head>
<body>
<h3>Click<a href="practical10.html">Here</a> to go to home page.</h3>
<h2>Product Pages </h2>
<h3><a href="practical101.html">Product No. 1</a></h3>
<h3><a href="practical102.html">Product NO. 2</a></h3>
<h3><a href="practical103.html">Product No. 3</a></h3>
</body>
</html>
practical101.html
Code :-
<!DOCTYPE html>
<html>
<head>
<title>Practical NO. 10</title>
</head>
<body>
<h3>Click<a href="practical10.html">Here</a> to go to home page.</h3>
<p>This is Product 1.<br/>
Product 1 name is iphone 15 pro max.<br/>
The iPhone 15 Pro Max sets a new standard in smartphone technology with its sleek design and cutting-edge features.
Boasting a stunning 6.9-inch Super Retina XDR display, it delivers vibrant colors and sharp contrast for an immersive viewing experience.
Powered by the latest A16 Bionic chip, it offers lightning-fast performance and seamless multitasking.
The advanced triple-camera system captures stunning photos and videos, while the innovative LiDAR scanner enhances augmented reality experiences.
With 5G connectivity, users can enjoy blazing-fast download speeds and seamless streaming.
Additionally, the iPhone 15 Pro Max boasts an impressive battery life, keeping you powered throughout the day.
Whether you're a professional photographer, a mobile gamer, or a social media enthusiast, the iPhone 15 Pro Max offers unparalleled performance and innovation in the palm of your hand.</p>
</body>
</html>
practical102.html
Code :-
<!DOCTYPE html>
<html>
<head>
<title>Practical NO. 10</title>
</head>
<body>
<h3>Click<a href="practical10.html">Here</a> to go to home page.</h3>
<p>This is Product 2.<br/>
Product 1 name is iphone 14 pro max.<br/>
The iPhone 14 Pro Max represents the pinnacle of Apple's smartphone innovation, combining cutting-edge technology with a stunning design.
With its sleek, edge-to-edge 6.7-inch Super Retina XDR display, this device offers an immersive viewing experience with vibrant colors and deep blacks.
Powered by the latest A15 Bionic chip, the iPhone 14 Pro Max delivers lightning-fast performance, enabling seamless multitasking and smooth gaming experiences.
Its advanced triple-camera system, featuring enhanced sensors and computational photography, captures breathtaking photos and videos with remarkable detail and clarity.
Additionally, the iPhone 14 Pro Max supports 5G connectivity, allowing users to experience blazing-fast download speeds and lag-free streaming.
With its durable ceramic shield front cover and surgical-grade stainless steel frame, this device is not only stylish but also built to last.
Whether you're a professional photographer, a content creator, or a power user, the iPhone 14 Pro Max redefines what's possible in a smartphone, offering unmatched performance, versatility, and elegance.
</p>
</body>
</html>
practical103.html
Code :-
<!DOCTYPE html>
<html>
<head>
<title>Practical NO. 10</title>
</head>
<body>
<h3>Click<a href="practical10.html">Here</a> to go to home page.</h3>
<p>This is Product 3.<br/>
Product 1 name is iphone 13 pro max.<br/>
The iPhone 13 Pro Max is a masterpiece of technology and design, offering an unparalleled user experience.
Its stunning 6.7-inch Super Retina XDR display dazzles with vibrant colors and deep blacks, providing an immersive viewing experience for everything from streaming movies to editing photos.
Powered by the incredibly fast A15 Bionic chip, this device delivers blazing performance, ensuring smooth multitasking and seamless gaming.
The advanced triple-camera system with improved sensors and computational photography capabilities takes photography to new heights, capturing stunning images with remarkable detail and clarity.
With 5G connectivity, users can enjoy lightning-fast download speeds and lag-free streaming, keeping them connected wherever they go.
Additionally, the iPhone 13 Pro Max boasts an impressive battery life, allowing users to stay productive and entertained throughout the day.
With its sleek design, advanced features, and unmatched performance, the iPhone 13 Pro Max is the ultimate smartphone for those who demand the best.
</p>
</body>
</html>
---------------×------------------××--------------------×---------------
Practical No. 11
---------------×------------------××--------------------×---------------
Practical No. 12
---------------×------------------××--------------------×---------------
Practical No. 13
---------------×------------------××--------------------×---------------
Practical No. 14
---------------×------------------××--------------------×---------------
Practical No. 15
---------------×------------------××--------------------×---------------
Practical No. 16
---------------×------------------××--------------------×---------------
Practical No. 17
---------------×------------------××--------------------×---------------
Practical No. 18
---------------×------------------××--------------------×---------------
Practical No. 19
---------------×------------------××--------------------×---------------
Practical No. 20
---------------×------------------××--------------------×---------------
Extra Practical No. 18
---------------×------------------××--------------------×---------------
---------------×------------------××--------------------×---------------
.jpeg)
0 Comments
Hi, Viewers Do not Enter Spam Messages in comments