Professional Documents
Culture Documents
Practical File
Web Technologies
Output:
Practical-2
<head>
</head>
<body>
(or more generally, accomplishing a specific computing result), usually by designing/building an executable
computer program. Programming involves tasks such as analysis, generating algorithms, profiling algorithms'
accuracy and resource consumption, and the implementation of algorithms (usually in a chosen programming
language, commonly referred to as coding).[1</P>
<hr>
<pre>
generating algorithms, profiling algorithms' accuracy and resource consumption, and the implementation of
algorithms (usually in a chosen programming language, commonly referred to as coding).[1
</pre>
</body>
</html>
Output:
Practical-4
Aim : Create a HTML Page using basic Text Formatting Tags.
Code:
<html>
<head>
</head>
<body>
<hr>
<hr>
<hr>
<hr>
<hr>
<hr>
<hr>
H<sub>2</sub>+O=H<sub>2</sub>O
<hr>
ax<sup>3</sup>+bx<sup>2</sup>cx+d=0</body></html>
Output:
Practical-5
Code:
<html>
<head>
</head>
<body>
<h1>Abbreviation Tag</h1>
specialized agency of the United Nations responsible for international public health.[2]
The <abbr title="WORLD HEALTH ORGANIZATION"> WHO </abbr>Constitution states its main
objective as
"the attainment by all peoples of the highest possible level of health".[3] Headquartered in Geneva,
Switzerland, it has six regional offices and 150 field offices worldwide.</p>
<h1>Quotation Tag</h1>
<q><b>The first meeting of the World Health Assembly (WHA), the agency's governing body, took
place on 24 July of that year. The WHO incorporated the assets, personnel, and duties of the League of
Nations' Health Organization and the Office International d'Hygiène Publique, including the International
Classification of Diseases (ICD).[6] Its work began in earnest in 1951 after a significant infusion of
financial and technical resources</b></q>
The WHO's mandate seeks and includes: working worldwide to promote health, keeping the world
safe, and serve the vulnerable. It advocates that a billion more people should have: universal health care
coverage, engagement with the monitoring of public health risks, coordinating responses to health
emergencies, and promoting health and well-being.
</p>
</body>
</html>
Output:
Practical-6
Aim : Write a Program to add 5 images and also make them as hyperlinks
(min 5 images with their explanations).
Code:
<!DOCTYPE html>
<html
<head>
<title>Article</title>
<base href="/images/">
</head>
<body>
<br>
<h2><ins>Java</ins></h2>
<P >Java is a high-level, class-based, object-oriented programming language that is designed to have as few
implementation dependencies as possible. It is a general-purpose programming language intended to let
programmers write once, run anywhere (WORA),[17] meaning that compiled Java code can run on all platforms that
support Java without the need to recompile.[18] Java applications are typically compiled to bytecode that can run on
any Java virtual machine (JVM) regardless of the underlying computer architecture. The syntax of Java is similar to C
and C++, but has fewer low-level facilities than either of them.
</P>
<br>
<br>
<br>
<br>
<h2><ins>Python</ins></h2>
<p >Python is a high-level general-purpose programming language. Its design philosophy emphasizes code
readabilitywith the use of significant indentation. Its language constructs and object-oriented approach aim to
helpprogrammers write clear, logical code for small- and large-scale projects.[29]Python is dynamically-typed and
garbage-collected. It supports multiple programming paradigms, including structured (particularly, procedural),
object-oriented and functional programming. It is often described as a "batteries included" language due to its
comprehensive standard library.[30][31]Guido van Rossum began working on Python in the late 1980s, as a successor
to the ABC programming language, and first released it in 1991 as Python 0.9.0.[32] Python 2.0 was released in 2000
and introduced new features such as list comprehensions, cycle-detecting garbage collection, reference counting, and
Unicode support. Python 3.0,released in 2008, was a major revision that is not completely backward-compatible with
earlier versions. Pytho 2 was discontinued with version 2.7.18 in 2020.[33]</p>
<br>
<h2><ins>C Programming</ins></h2>
<p >C (/ˈsiː/, as in the letter c) is a general-purpose, procedural computer programming language supporting
structured programming, lexical variable scope, and recursion, with a static type system. By design, C provides
constructs that map efficiently to typical machine instructions. It has found lasting use in applications previously coded
in assembly language. Such applications include operating systems and various application software for computer
architectures that range from supercomputers to PLCs and embedded systems. A successor to the programming
language B, C was originally developed at Bell Labs by Dennis Ritchie between 1972 and 1973 to construct utilities
running on Unix. It was applied to re-implementing the kernel of the Unix operating system.[7] During the 1980s, C
gradually gained popularity. It has become one of the most widely used programming languages,[8][9] with C
compilers from various vendors available for the majority of existing computer architectures and operating systems.
C has been standardized by ANSI since 1989 (ANSI C) and by the International Organization for Standardization
(ISO).</p>
<h2><ins>C++ Programming</ins></h2>
<p >C++ (/ˌsiːˌplʌsˈplʌs/) is a general-purpose programming language created by Bjarne Stroustrup as an extension of
the C programming language, or "C with Classes". The language has expanded significantly over time, and modern
C++ now has object-oriented, generic, and functional features in addition to facilities for low-level memory
manipulation. It is almost always implemented as a compiled language, and many vendors provide C++ compilers,
including the Free Software Foundation, LLVM, Microsoft, Intel, Oracle, and IBM, so it is available on many
platforms.[10] C++ was designed with an orientation toward systems programming and embedded, resource-
constrained software and large systems, with performance, efficiency, and flexibility of use as its design highlights.[11]
C++ has also been found useful in many other contexts, with key strengths being software infrastructure and resource-
constrained applications,[11] including desktop applications, video games, servers (e.g. e-commerce, web search, or
databases), and performance-critical applications (e.g. telephone switches or space probes).[12]</p>
<br>
<br>
<br>
<br>
</body>
</html>
Output:
Click On Image to
Read More About
Java
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Calender </title>
</head>
<body>
<center>
<h1><ins><i>April-2022</i></ins></h1>
<tr>
</tr>
<tr>
<th rowspan="6">Sunday</th>
</tr>
<tr>
<td></td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr><tr>
<td >7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>18</td>
<td>19</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
</tr>
<tr>
<!-- <td>27</td> -->
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
</tr>
</table>
<p><b>April is the fourth month in the Gregorian calendar and has 30 days. It is the second month of astronomical
spring in the Northern Hemisphere and the second month of astronomical fall in the Southern Hemisphere.
On April 1, people in countries all over the world like to play pranks on other people. Depending on the culture, the
victim of such a joke is known as a fool or a fish (poisson d’avril). It is not clear when the tradition started, and there
are countless theories.
The likely answer why we play hoaxes on each other in April is because the winter is over: March and April end the
long time of winter in the Northern Hemisphere and bring new life. In many cultures, this was celebrated with
colorful festivities, dancing, and making fun of each other.
</b></p>
</center>
</body>
</html>
Output:
Practical-8
Code:
<!DOCTYPE html>
<html>
<head>
<title>Fragemented Url</title>
</head>
<body>
<BR>
<br>
<h2><a href="#Java">Java</a></h2>
<h2><a href="#Python">Python</a><h2>
<h2><a href="#C">C</a></h2>
<h2><a href="#C++">C++</a></h2>
<hr>
<h2 id="Java">Java</h2>
<p >
Java is a high-level, class-based, object-oriented programming language that is designed to have as few
implementation dependencies as possible. It is a general-purpose programming language intended to let
programmers write once, run anywhere (WORA),[17] meaning that compiled Java code can run on all platforms that
support Java without the need to recompile.[18] Java applications are typically compiled to bytecode that can run
on any Java virtual machine (JVM) regardless of the underlying computer architecture. The syntax of Java is similar
to C and C++, but has fewer low-level facilities than either of them.
</p>
<h2 id="Python">Python</h2>
<p >Python is a high-level general-purpose programming language. Its design philosophy emphasizes code
readability with the use of significant indentation. Its language constructs and object-oriented approach aim to help
programmers write clear, logical code for small- and large-scale projects.[29]
<h2 id="C">C</h2>
<p >C (/ˈsiː/, as in the letter c) is a general-purpose, procedural computer programming language supporting
structured programming, lexical variable scope, and recursion, with a static type system. By design, C provides
constructs that map efficiently to typical machine instructions. It has found lasting use in application previously
coded in assembly language. Such applications include operating systems and various application software for
computer architectures that range from supercomputers to PLCs and embedded systems.A successor to the
programming language B, C was originally developed at Bell Labs by Dennis Ritchie between 1972 and 1973 to
construct utilities running on Unix. It was applied to re-implementing the kernel of the Unix operating system.[7]
During the 1980s, C gradually gained popularity. It has become one of the most widely us programming
languages,[8][9] with C compilers from various vendors available for the majority of existing computer architectures
and operating systems. C has been standardized by ANSI since 1989 (ANSI C) and by theInternational Organization
for Standardization (ISO).</p>
<h2 id="C++">C++</h2>
<p >C++ (/ˌsiːˌplʌsˈplʌs/) is a general-purpose programming language created by Bjarne Stroustrup as an extension
of the C programming language, or "C with Classes". The language has expanded significantly over time, and
modern C++ now has object-oriented, generic, and functional features in addition to facilities for low-level memory
manipulation. It is almost always implemented as a compiled language, and many vendors provide C++ compilers,
including the Free Software Foundation, LLVM, Microsoft, Intel, Oracle, and IBM, so it is available on many
platforms.[10]C++ was designed with an orientation toward systems programming and embedded, resource-
constrained software and large systems, with performance, efficiency, and flexibility of use as its design
highlights.[11] C++ has also been found useful in many other contexts, with key strengths being software
infrastructure and resource-constrained applications,[11] including desktop applications, video games, servers (e.g.
e-commerce, web search, or databases), and performance-critical applications (e.g. telephone switches or space
probes).[12]
</p>
</body>
</html>
Output:
Click Here to go
C++ Fragment
Practical-9
<html lang="en">
<head>
<title>Homepage</title>
</head>
<frameset rows="210px,400px,300px">
<frameset cols="*,*,*">
<frame src="News.html">
</frameset>
</franeset>
</html>
Output:
Logo.Html
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Logo</title>
</head>
<body>
<div>
</a>
</div>
</body>
</html>
Output:
Moreinfo.html
Code:
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body >
The Institute has been Initially, this Institute was established as a unit under polytechnic of technical
education department in 1965. Later this Institute attained independent identity as “Institute of
Commercial Practice” in the year 1972. The Institute has been contributing to train the youngsters in
vocational-cum-job oriented courses in the stream of management, Secretarial Practice and
Entrepreneurship Development.</P>
</a>
</body>
</html>
Output:
Practical-10
Code:
<html>
<head>
</head>
<body>
<h1>Use of ImageMapping</h1>
<img src="img.jpg" usemap="#mapping1" alt="Image with Laptop and coffee" title="Building_image" >
<map name="mapping1">
</body>
</html>
Output:
Click on Coffee to
Read About Coffee
Click on Laptop to
Read About Laptop
Practical-11
<html lang="en">
<head>
<title>Registration Form</title>
</head>
<body>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<hr>
<center>
<form action="backend.php">
<label for="Name">Name:</label>
<br>
<br>
<label for="Gender">Gender:</label>
<label for="Male">Male</label>
<input type="radio" id="Male" name="Gender" required>
<label for="Female">Female</label>
<label for="Transgender">Transgender</label>
<br>
<br>
<br>
<br>
<br>
<br>
<label for="Id">Id:</label>
<select id="Id">
<option>Aadhar Card</option>
<option>PAN Card</option>
<option>Driving License</option>
</select>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<fieldset>
<legend>Intermediate Examination</legend>
<br>
<br>
<option>CBSE</option>
<option>ICSE</option>
<option>ISC</option>
</optgroup>
<option>UP Board</option>
<option>MP Board</option>
<option>Delhi Board</option>
<option>Punjab Board</option>
<option>Haryana Board</option>
</optgroup>
</select>
<br>
<br>
<label for="IRollNo">RollNo:</label>
<br>
<br>
<label for="IGrade">Percentage:</label>
<br>
<br>
<label for="Stream">Stream:</label>
</fieldset>
<br>
<br>
<fieldset>
<legend>HighSchool Examination</legend>
<br>
<option>CBSE</option>
<option>ICSE</option>
<option>ISC</option>
</optgroup>
<option>UP Board</option>
<option>MP Board</option>
<option>Delhi Board</option>
<option>Punjab Board</option>
<option>Haryana Board</option>
</optgroup>
</select>
<br>
<br>
<label for="HRollNo">RollNo:</label>
<br>
<br>
<label for="HGrade">Percentage:</label>
<br>
<br>
<label for="Subject">Subjects:</label>
<br>
<br>
</textarea>
<br>
<br>
<fieldset>
<legend>Upload Documents</legend>
<br>
<br>
<br>
<br>
<br>
<br>
</fieldset>
<br>
<br>
<br>
<br>
<br>
</form>
</center>
</body>
</html>
Output: