Hyperlink tag to navigate through different web pages - Practical [ SWPD 4311603 ]

PRG June 22, 2022

Practical Aim:
Use hyperlink tag to navigate through different web pages as per the given sample.
- Hint :
Create four HTML pages: index.html(file from practial 1), computer.html, mechanical.html, and civil.html, and put all files in one folder.
- Sample Output:

HTML a tag, What is the hyperlink tag in HTML?

HTML Links Hyperlinks, 3160713 WEB Programming

Solution:

Video Tutorial : Anchor Tag in HTML

Code

<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Computer Department</title>

</head>

<body>
<h1 align="center" >ABOUT COMPUTER DEPARTMENT</h1>
<a href="computer.html" target="_blank">Computer Department | </a> <a href="civil.html" target="_blank">Civil Department | </a><a href="mechanical.html" target="_blank">Mechanical Department | </a>

<hr />
<p><em><strong>Computer engineering </strong></em>is the fastest-growing field in the world. It combines a variety of fields of electrical engineering and computer science needed for the development of computer hardware and software. Computer engineers incorporate computers into other devices and systems, create networks for data transfer, and find ways to make computers quicker, smaller and more efficient.</p>
<hr />
<h3>Institute Vision</h3>
<p><q>To deliver technically <strong>competent and social responsible diploma engineers </strong>for betterment of society.</q></p>
<hr />
<h3>Institute Mission</h3>
<p>- To offer a <em>dynamic, interactive education environment</em> that engages student in the learning process. </p>
<p>- <em>Use resources and technologies to create effective modes</em> and means of instruction that expands access to learning. </p>
<p>- Nurture faculty and students with innovation and <em>industrial training.</em></p>
<hr />
<h3>Department Vision</h3>
<p>The department will be center of excellence in the area of Computer Engineering to meet the needs of industry and society.</p>
<hr />
<pre>
<strong>Department Email address:</strong>
Email: <del>computerdepartment@yahoo.com</del> <ins>bitsofcomputer@gmail.com</ins>
<p><a href="mailto:bitsofcomputer@gmail.com">Send email to ComputerBitsDaily</a></p>
</pre>
<hr />
<h3>DEPARTMENT MISSION
-</h3>
<p> - To ensure concrete teaching learning process for sound fundamentals.
<br />- To impart technical skills through effective outcome based practices on advanced technologies.
<br /> - To prepare industry competent engineers by industry interactions and entrepreneurs activities.
<br /> - To provide a learning environment to enhance innovations, problem solving skills, leadership qualities and ethical responsibilities. </p>

<hr>
<h3>Useful websites and links </h3>
<a href="https://www.youtube.com/c/ComputerBitsDaily" target="_blank">Youtube Learning Resources</a><br>
<a href="https://www.computerbitsdaily.com/" target="_blank">Computer Blog</a><br>
<a href="https://www.gtu.ac.in/" target="_blank">G.T.U</a><br>


<p> &copy; all rights reserved </p>
</body>
</html>



Output

File name: Computer.html

<!DOCTYPE html>
<html>
<head>
<title>Computer Department</title>

</head>
<body>

<h1>Computer Department</h1>
</body>
</html>

File name: Civil.html

<!DOCTYPE html>
<html>
<head>
<title>Civil Department</title>

</head>
<body>

<h1>Civil Department</h1>
</body>
</html>

File name: Mechanical.html

<!DOCTYPE html>
<html>
<head>
<title>Mechanical Department</title>

</head>
<body>

<h1>Mechanical Department</h1>
</body>
</html>

Tags:
PRG

Posted by: PRG

Post a Comment

0 Comments