Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 12

Q. No. :- 01) Create a mark list of University Examination.

<HTML>
<head>
<title>MARK LIST</title>
<link rel="stylesheet">
<style type="text/css">
h1{
font-size: 40px;
}
tr{
font-size: 30px;
}
th{
font-size: 30px;
}
</style>
</head>
<BODY>
<center><H1>MARK LIST OF UNIVERSITY EXAMINATION</H1><BR>
<table border="4" width="100%" height="25%" cellpadding="5" cellspacing="5">
<tr><th rowspan="2">S.No</th><th rowspan="2">Sname</th><th rowspan="2">branch</th>
<throwspan="2">year</th> <th colspan="3">marks</th></tr>
<tr><th>M1</th><th>M2</th><th>M3</th></tr>
<tr><td>01</td><td>RAJ</td><td>b.com(ca)</td><td>3rd</td><td>40</td><td>55</td><td>45</td></tr>
<tr><td>02</td><td>PREETI</td><td>b.com(p)</td><td>5th</td><td>60</td><td>45</td><td>65</td></tr>
<tr><td>03</td><td>POOJA</td><td>b.com(ca)</td><td>3rd</td><td>40</td><td>55</td><td>45</td></tr>
<tr><td>04</td><td>SADHNA</td><td>b.com(p)</td><td>5th</td><td>60</td><td>45</td><td>65</td></tr>
<tr><td>05</td><td>ANKITA</td><td>b.com(ca)</td><td>3rd</td><td>40</td><td>55</td><td>45</td></tr>
<tr><td>06</td><td>NEHA</td><td>b.com(p)</td><td>5th</td><td>60</td><td>45</td><td>65</td></tr>
<tr><td>07</td><td>MAYANK</td><td>b.com(ca)</td><td>3rd</td><td>40</td><td>55</td><td>45</td></tr>
<tr><td>08</td><td>SOHAN</td><td>b.com(p)</td><td>5th</td><td>60</td><td>45</td><td>65</td></tr>
<tr><td>09</td><td>KAPIL</td><td>b.com(ca)</td><td>3rd</td><td>40</td><td>55</td><td>45</td></tr>
<tr><td>10</td><td>RAJU</td><td>b.com(p)</td><td>5th</td><td>60</td><td>45</td><td>65</td></tr>
</table>
</BODY>
</HTML>
Q. No. :- 02) Create an online application form for admission process.

<html>
<head>
<title>registration form</title>
</head>
<body>
<tr> <th><h2 ALIGN="CENTER">Student Registration Form</h2></th></tr>
<form action="Welcome.html" method="post">
<table border="4" align="center" cellpadding="4" cellspacing="4" width="30%">
<tr><th><label for="user_name">User_Name: </label></th>
<th><input id="user_name" maxlength="50" name="name" type="text" /></th></tr>
<tr><th><label for="id">Id: </label></th>
<th><input id="id" maxlength="50" name="name" type="text" /></th></tr>
<tr><th><label for="password">Password:</label></th>
<th><input id="password" maxlength="50" name="password" type="password" /></th></tr>
<tr><th><label for="name">Name: </label></th>
<th><input id="name" maxlength="50" name="name" type="text" /></th></tr>
<tr><th><label for="surname">Surname: </label></th>
<th><input id="surname" maxlength="50" name="name" type="text" /></th></tr>
<tr><th><label for="father name">Father Name: </label></th>
<th><input id="father name" maxlength="50" name="name" type="text" /></th></tr>
<tr><th><label for="dob">DOB:</label></th>
<th><input id="dob" maxlength="50" name="username" type="text" /></th></tr>
<tr><th><label for="personal address">Personal Address: </label></th>
<th><input id="personal address" maxlength="70" name="course" type="text" /></th></tr>
<tr><th>Sex</th>
<th><input type="radio" name="sex" value="male" size="10">Male
<input type="radio" name="sex" value="Female" size="10">Female</th></tr>
<tr><th>City</th>
<th><select name="City">
<option value="-1" selected>select..</option> <option value="New Delhi">NEW DELHI</option>
<option value="Mumbai">MUMBAI</option> <option value="Goa">GOA</option>
<option value="Patna">PATNA</option></select></th></tr>
<tr><th><label for="pincode">Pincode: </label></th>
<th><input id="pincode" maxlength="50" name="course" type="text" /></th></tr>
<tr><th>Course</th>
<th><select name="Course">
<option value="-1" selected>select..</option> <option value="B.COM">B.COM</option>
<option value="MCA">MCA</option> <option value="MBA">MBA</option>
<option value="BCA">BCA</option> </select></th></tr>
<tr><th><label for="rolln0">Rollno: </label></th>
<th><input id="rollno" maxlength="50" name="rollno" type="text" /></th></tr>
<tr><th><label for="email">Email_Address:</label></th>
<th><input id="email" maxlength="50" name="email" type="text" /></th></tr>
<tr><th><label for="mobile number">Mobile Number:</label></th>
<th><input id="mobile number" maxlength="50" name="username" type="text" /></th></tr>
<tr><th><label for="aboutus">About Us:</label></th>
<th valign="middle" align="center"><textarea></textarea></th></tr>
<tr><th><input type="reset"></th>
<th colspan="2"><input type="submit" value="Submit Form" /></th></tr></table></form>
<center><b><p>Note: Please make sure your details are correct before submitting form and that all fields marked with *
are completed!.</p></b></center>
</body>
</html>
Q. No. :-03) Create an HTML document with the paragraph using <P><H1>, <STRONG>
for the first word of every sentence.

<html>
<body>
<h1>Importance of video</h1>
<font size="5"><p><strong>Video</strong> provides a powerful way to help you prove your point. When you
click Online Video, you can paste in the embed code for the video you want to add. You can also type a keyword to search
online for the video that best fits your document. To make your document look professionally produced, Word provides
header, footer, cover page, and text box designs that complement each other. For example, you can add a matching cover
page, header, and sidebar. Click Insert and then choose the elements you want from the different galleries. Themes and
styles also help keep your document coordinated. When you click Design and choose a new Theme, the pictures, charts,
and SmartArt graphics change to match your new theme. When you apply styles, your headings change to match the new
theme. Save time in Word with new buttons that show up where you need them.</p> <p><strong>To</strong> change the
way a picture fits in your document, click it and a button for layout options appears next to it. When you work on a table,
click where you want to add a row or a column, and then click the plus sign. Reading is easier, too, in the new Reading
view. You can collapse parts of the document and focus on the text you want. If you need to stop reading before you reach
the end, Word remembers where you left off - even on another device. Video provides a powerful way to help you prove
your point. When you click Online Video, you can paste in the embed code for the video you want to add. You can also
type a keyword to search online for the video that best fits your document. To make your document look professionally
produced, Word provides header, footer, cover page, and text box designs that complement each other. For example, you
can add a matching cover page, header, and sidebar.</p></font>
</body>
</html>
Q. No. :- 04) Create a Web page for the following.

<HTML>
<head>
<link rel="stylesheet">
<style type="text/css">
td{
font-size: 30px;
}
th{
font-size: 30px;
}
</style>
</head>
<BODY>
<center><H1>WELCOME TO ABC UNIVERSITY STUDENTS DETAILS</H1><BR>
<table border="2" width="50%" height="25%">
<tr>
<th rowspan="2">S.No</th><th rowspan="2">Sname</th><th rowspan="2">branch</th><th
rowspan="2">sem</th><th colspan="3">marks</th>
</tr>
<tr>
<td>M1</td><td>M2</td><td>M3</td>
</tr>
<tr>
<td>01</td><td>sunil</td><td>b.com(ca)</td><td>3rd</td><td>40</td><td>55</td><td>45</td>
</tr>
<tr>
<td>02</td><td>mohan</td><td>b.com(p)</td><td>5th</td><td>60</td><td>45</td><td>65</td>
</tr>
</table>
</BODY>
</HTML>
Q. No. :-05) Create an HTML document to include an image. Use the width and height
attributes of the (img) tag to

<html>
<head>
</head>
<body>
<font size="5"><b><u><i>
<ul>
<li>Increase the image size 100%.</li>
</ul>
<img src="printer.jpg" height="100" width="100"><br>
<ul>
<li>Increase the image size 50%.</li>
</ul>
<img src="printer.jpg" height="50" width="50">
<br>
<ul>
<li>Change the width-to-height ratio to 2:1.</li>
</ul>
<img src="printer.jpg" height="200" width="100">
</i></u></b></font>

</body>
</html>

Q. NO. :- 06) Create a Link for each of the following:


<html>
<body><center><font size= "50"><b>
Located in the file directory.<br>
<a href= "DIRECTORY/index.html"> index</a><BR>
Located in the file subdirectory.<br>
<a href="DIRECTORY/SUBDIRECTORY/index.html"> index 1</a><br>
Link to president Email address.<br>
<a href="http://www.dhsgsu.nic.in"> President's email</a></b></font></center>
</body>
</html>

Q. NO. :- 07) Specify the HTML tags to accomplish the following:


(1) Insert a framed web page with the first frame extending 300 pixels across the page
from the left side.

(2) Insert an ordered list that will have numbering by lowercase roman numerals.

<html>
<body>
<b>Lowercase Roman Numerals
<ol type="i">
<li>Account</li>
<li>Business study</li>
<li>Economics</li>
<li>Hindi</li>
<li>English</li>
</ol> </b>
</body>
</html>
(3) Insert a scrollable list in the form that will always displays four entries of the list.

<html>
<body>
<SELECT NAME="CHOICES"SIZE="4" >
<OPTION ID="1"><b>HINDI</b></OPTION>
<OPTION><b>ENGLISH</b></OPTION>
<OPTION><b>ACCOUNT</b></OPTION>
<OPTION><b>ECONOMICS</b></OPTION>
<OPTION><b>SCIENCE</b></OPTION>
<OPTION><b>COMPUTER</b></OPTION>
<OPTION><b>MATHS</b></OPTION>
</SELECT>
</body>
</html>
(4) Insert an image map into a page using an image and map with Name=”hello” as the
image map, and have “hello” be the alt text.

<html>
<body>
<img src="printer.jpg" width="40%" height="40%" border="5" alt="hello" />
<img src="monitor.jpg" width="40%" height="40%" border="5" alt="hello" />
</body>
</html
SAM
COLLE
GE SIGN.
QUESTIONS
(01) BHOPA
Create a mark list of University Examination.

(02) Ladmission process.


Create an online application form for

(03)
INDEX
Create an HTML document with the paragraph using <P><H1>,
<STRONG> for the first word of every sentence.
(04) Create a Web page for the following.

(05) Create an HTML document to include an image. Use the width


and height attributes of the (img) tag to
(06) Create a Link for each of the following:

(07) Specify the HTML tags to accomplish the following:

You might also like