0% found this document useful (0 votes)
14 views

HTML

Uploaded by

prashant77454
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
14 views

HTML

Uploaded by

prashant77454
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

1. Design an HTML page that shows the following text: “DR.

SHYAMA PRASAD MUKHERJEE


UNIVERSITY”. The text should be in blue, heading1, bold, underlined, center align, and text
colour yellow.

<!DOCTYPE html>
<html lang="en">
<head>
<title>DR. SHYAMA PRASAD MUKHERJEE UNIVERSITY</title>
</head>
<body>
<center>
<h1>
<u><b><font color="yellow" face="Arial" bgcolor="blue">
DR. SHYAMA PRASAD MUKHERJEE UNIVERSITY
</font></b></u>
</h1>
</center>
</body>
</html>

2. Create an HTML page that contains two lists. The first list in unordered list contains the Input
Devices: Keyboard, Mouse, and Scanner. The second list is ordered list and contains the
Output Devices: Monitor, Printer, and Speaker

<!DOCTYPE html>
<html lang="en">
<head>
<title>Input and Output Devices</title>
</head>
<body>
<h2>Input Devices</h2>
<ul>
<li>Keyboard</li>
<li>Mouse</li>
<li>Scanner</li>
</ul>

<h2>Output Devices</h2>
<ol>
<li>Monitor</li>
<li>Printer</li>
<li>Speaker</li>
</ol>
</body>
</html>
3. Design an HTML page “DR. SHYAMA PRASAD MUKHERJEE UNIVERSITY” with set one solid
colour on the background and change font: size, colour and scroll them by alternative.

<!DOCTYPE html>
<html lang="en">
<head>
<title>DR. SHYAMA PRASAD MUKHERJEE UNIVERSITY</title>
</head>
<body bgcolor="lightblue">

<marquee behavior="alternate" direction="left">


<h1 style="font-size: 36px; color: yellow; text-align: center;">
DR. SHYAMA PRASAD MUKHERJEE UNIVERSITY
</h1>
</marquee>

</body>
</html>

4. Design an HTML page to create linking to the different sections in a same page.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Page Links</title>
</head>
<body id="top">
<a href="#section1">Section 1</a>
<a href="#section2">Section 2</a>
<a href="#section3">Section 3</a>

<h2 id="section1">Section 1</h2>


<p><a href="#top">Back to Top</a></p>
<h2 id="section2">Section 2</h2>
<p><a href="#top">Back to Top</a></p>
<h2 id="section3">Section 3</h2>
<p><a href="#top">Back to Top</a></p>
</body>
</html>
5. Design an HTML page to create linking to the different documents in another HTML file.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Linking to Other Documents</title>
</head>
<body>
<h1>Links to Other Documents</h1>
<ul>
<li><a href="document1.html">Open Document 1</a></li>
<li><a href="document2.html">Open Document 2</a></li>
<li><a href="document3.html">Open Document 3</a></li>
</ul>
</body>
</html>

6. Design an HTML page to load two images image1 and image2 make image1 as hypertext
image.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Hyperlinked Image</title>
</head>
<body>
<a href="https://www.example.com">
<img src="image1.jpg" alt="Image 1" width="300">
</a>
<img src="image2.jpg" alt="Image 2" width="300">

</body>
</html>

7. Create table as given below:

<!DOCTYPE html>
<html lang="en">
<head>
<title>Student Report</title>
</head>
<body>

<table border="1" cellpadding="10" cellspacing="0">


<tr>
<td rowspan="2"><img src="https://dspmuranchi.in/media/clients/logo.png"
alt="Student Image" width="100"></td>
<td colspan="4" bgcolor="green" align="center">
<font color="yellow">STUDENT REPORT</font>
</td>
</tr>
<tr>
<th>ROLL</th>
<th>NAME</th>
<th>COURSE</th>
<th>SEM</th>
</tr>
<tr>
<th>ROW: 1</th>
<td>1</td>
<td>Sony</td>
<td>BCA</td>
<td>1st</td>
</tr>
<tr>
<th>ROW: 2</th>
<td>2</td>
<td>Tony</td>
<td>BCA</td>
<td>1st</td>
</tr>
</table>

</body>
</html>

8.

You might also like