Scribd
Upload
11 views

HTML

Uploaded by

prashant77454
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
11 views

HTML

Uploaded by

prashant77454
Copyright
© © All Rights Reserved
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