0% found this document useful (1 vote)
43 views

Aim: To Enter Five Student Details Using Table Tags Code

The document describes designing an HTML quiz that uses list tags and links. It includes the code to create two rounds of a quiz with multiple choice questions in an ordered list. Each question includes radio button options for answers. There is a link at the end of the first round that leads to a new HTML page with the code for the second round of questions.
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (1 vote)
43 views

Aim: To Enter Five Student Details Using Table Tags Code

The document describes designing an HTML quiz that uses list tags and links. It includes the code to create two rounds of a quiz with multiple choice questions in an ordered list. Each question includes radio button options for answers. There is a link at the end of the first round that leads to a new HTML page with the code for the second round of questions.
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 16

Aim : To enter Five Student Details Using Table tags

Code:
<html>
<head>
<title> My First Web Page </title>
</head>
<body bgcolor="blue">
<b><i><font color="black">
<center><h1>NCU University,Gurgaon</h1></center></font></i></b>
<b><u><hr>
<center>
<font color="red"><center> <h1> Student Details </h1></center></font></u></b>
<center>
<table border ="1" bordercolor="red" bgcolor="white" cellspacing="3" cellpadding="3"
onclick="alert('This Is Student Details')">
<tr>
<td align="center"><b><font color="black"> S.No.</font></b></td>
<td align="center"><b><font color="black"> Name</font></b> </td>
<td align="center"><b><font color="black"> Roll No.</font></b> </td>
<td align="center"><b><font color="black"> DOB</font></b> </td>
<td align="center"><b><font color="black"> Department</font></b></td>
</tr>
<tr>
<td align="center"><b><font color="violet"> 1.</font></b></td>
<td align="center"><b><font color="violet"> Anurag vats</font></b> </td>
<td align="center"><b><font color="violet"> 15csu039</font></b> </td>
<td align="center"><b><font color="violet"> 10 04 1997</font></b> </td>
<td align="center"><b><font color="violet"> CSE</font></b></td>
</tr>
<tr>

<td align="center"><b><font color="violet"> 2.</font></b></td>


<td align="center"><b><font color="violet"> Antriksh </font></b></td>
<td align="center"><b><font color="violet"> 15csu034 </font></b></td>
<td align="center"><b><font color="violet"> 26 11 1997</font></b> </td>
<td align="center"><b><font color="violet"> CSE</font></b></td>
</tr>
<tr>
<td align="center"><b><font color="violet"> 3.</font></b></td>
<td align="center"><b><font color="violet"> Akashy </font></b></td>
<td align="center"><b><font color="violet"> 15ME034 </font></b></td>
<td align="center"><b><font color="violet"> 2 12 1997</font></b> </td>
<td align="center"><b><font color="violet"> Mechnical</font></b></td>
</tr>
<tr>
<td align="center"><b><font color="violet"> 4.</font></b></td>
<td align="center"><b><font color="violet"> Rajat </font></b></td>
<td align="center"><b><font color="violet"> 15csu171 </font></b></td>
<td align="center"><b><font color="violet"> 14 04 1997</font></b> </td>
<td align="center"><b><font color="violet"> CSE</font></b></td>
</tr>
<tr>
<td align="center"><b><font color="violet"> 5.</font></b></td>
<td align="center"><b><font color="violet"> Vikash </font></b></td>
<td align="center"><b><font color="violet"> 15csu201 </font></b></td>
<td align="center"><b><font color="violet"> 18 09 1997</font></b> </td>

<td align="center"><b><font color="violet"> CSE</font></b></td>


</tr>
<tr>
<td align="center"><b><font color="violet"> 6.</font></b></td>

<td align="center"><b><font color="violet"> Ankit </font></b></td>


<td align="center"><b><font color="violet"> 15MEU029 </font></b></td>
<td align="center"><b><font color="violet"> 06 05 1997</font></b> </td>
<td align="center"><b><font color="violet"> Mechnical</font></b></td>
</tr>
</table>
</center>
</body>
</html>
Design :

Aim : Draw a poster for a Sports meet in the college


Code :
<html>

<head>
<title> Sports Meet</title>
<body background="C:\Users\ANURAG\Downloads\GGSIPU_SPORTS_MEET.jpg"
leftmargin="25">
<b><u><center><h1><font color="blue" size="17">NCU
University</font></h1></center></u></b>
<hr>
<br>
<marquee><b><center><font color="yellow" size="5">Join us as we cheer our young
athletes at our</font></center></b></marquee>
<br>
<b><center><font color="red" size="7">Fifth Annual Althelete
Meet</font></center></b>
<b><center><font color="yellow" size="5">on December
19,2016</font></center></b>
<b><center><font color="yellow" size="5">at 9:00 am</font></center></b>
<br><br><br><br><br>
<b><center><font color="red" size="6">Venue :</font></center></b>
<b><center><font color="yellow" size="5">Sports Authority of India,<br>Sports
Complex,Near police staton,<br> Akurli Road, Gurgaon 132140</font></center></b>
<table border="2" >
<tr>
<td bgcolor="red"><font color="white">Admit Two Only</font></td>
</tr>
</table>
<br>
<b><font color="yellow" size="5">Please Note :<br> For Security Purpose, Kindly
provide<br>this invitation at the gate</font></b>
</body>
</head></html>
Design:

Aim : Design a quiz that uses links and list tags

Code :
<html>
<head>
<title> Html Quiz </title>
<body bgcolor="yellow">
<center><h1>HTML Quiz Competition </h1></center>
<hr>
<center><h3> Round 1 </h3></center>
<ol type="1">
<li>To align multiple lines of text we use
<form>
<input type="radio" name="quiz" value="a">justify
<br>
<input type="radio" name="quiz" value="b">DIV
<br>
<input type="radio" name="quiz" value="c">Align
<br>
<input type="radio" name="quiz" value="d">None of these
</form>
<li> To create a bulleted list use
<form>
<input type="radio" name="quiz" value="a">il tag
<br>
<input type="radio" name="quiz" value="b">ul tag
<br>
<input type="radio" name="quiz" value="c">ol tag
<br>
<input type="radio" name="quiz" value="d">u tag
</form>
<li>To jump to new page, we use

<form>
<input type="radio" name="quiz" value="a">img
<br>
<input type="radio" name="quiz" value="b">A
<br>
<input type="radio" name="quiz" value="c">Align
<br>
<input type="radio" name="quiz" value="d">None of these
</form>
<li>Which of the following is not a valid value for align attribute of IMG tag
<form>
<input type="radio" name="quiz" value="a">top
<br>
<input type="radio" name="quiz" value="b">middle
<br>
<input type="radio" name="quiz" value="c">bottom
<br>
<input type="radio" name="quiz" value="d">center
</form>
</ol>
<br>
<center><A href="C:\Users\ANURAG\Downloads\quiz1.html">Click for next page </A>
</body>
</head>
</head>
Now code for the Hyper link
<html>
<head>
<title> Html Quiz </title>
<body bgcolor="yellow">

<center><h1>HTML Quiz Competition </h1></center>


<hr>
<center><h3> Round 2 </h3></center>
<ol type="1">
<li>What tag is used to add column to tables
<form>
<input type="radio" name="quiz" value="a">colspan
<br>
<input type="radio" name="quiz" value="b">td
<br>
<input type="radio" name="quiz" value="c">tr
<br>
<input type="radio" name="quiz" value="d">None of these
</form>
<li> In order to add border to a table, BORDER attribute is specified in which tag
<form>
<input type="radio" name="quiz" value="a">THEAD
<br>
<input type="radio" name="quiz" value="b">TABLE
<br>
<input type="radio" name="quiz" value="c">TBORDER
<br>
<input type="radio" name="quiz" value="d">TBODY
</form>
<li>HTML is
<form>
<input type="radio" name="quiz" value="a">Programming language
<br>
<input type="radio" name="quiz" value="b">Web page layout language
<br>

<input type="radio" name="quiz" value="c">Markup language


<br>
<input type="radio" name="quiz" value="d">Both(b)&(c)
</form>
<li>The value of #000000
<form>
<input type="radio" name="quiz" value="a">Black
<br>
<input type="radio" name="quiz" value="b">White
<br>
<input type="radio" name="quiz" value="c">Red
<br>
<input type="radio" name="quiz" value="d">Yellow
</form>
</ol><br>
<input type="submit" value="Sumbit">
</body></head></html>
Desgin :

After Clicking on Click for next page

Aim :Design an application form including all details of employee


Code :
<html>
<head>
<title> Employees Details</title>
<body bgcolor="yellow">
<font color="red"><center><h1> Enter Your Details Details</h1></center></font>
<form>
<b>First name :</b>
<input type="text" name="first_name" />
<br>
<br>
<b>Last name :</b>
<input type="text" name="last_name" />
<br>
<br>
<b>Email :</b>
<input type="text" id ="email">
<br>
<br>
Please place me on your mailing list : <input type="checkbox" name="s1" value="mail
list" checked>
<br>
<p><b>Sex:</b>
<input type="radio" name="sex" value="male">Male
<input type="radio" name="sex" value="female">Female
<br>
<br>
Date Of Birth :

Date <select name="date">


<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
Month <select name="mon">
<option value="jan" selected>Jan</option>
<option value="feb">Feb</option>
<option value="mar">Mar</option>
<option value="apr">Apr</option>
<option value="may">May</option>
</select>
Year <select name="year">
<option value="1991" selected>1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1993">1994</option>
<option value="1995">1995</option>
<br>
<br>
</select>
<p><b>Hobbies : <p></b>
<label for="painting">Painting</label>
<input type="checkbox" name="hobbies" value="painting">
<label for="reading">Reading</label>
<input type="checkbox" name="hobbies" value="reading">
<label for="music">Music</label>
<input type="checkbox" name="hobbies" value="music">

<label for="sketching">Sketching</label>
<input type="checkbox" name="hobbies" value="sketching">
<br>
<p><b>Comment:</b>
<br>
<textarea name="comment" rows=6 cols=40></textarea>
<br>
<br>
<input type="submit" value="Send"> <input type="Reset">
</p>
</body>
</head>
</html>
Design :

Aim : Design a webpage using HTML tags


Code :
<html>
<head>
<title> My first Web Page</title>
<body leftmargin=45>
<u><h1><center><font color="orange" size=7> Anurag
University</font></center></h1></u>
<hr size=12 noshade>
<br>
<h3><center> Click below to find out more information</center></h3>
<br>
<img src="C:\Users\ANURAG\Downloads\lundsuniversitet_-_b.jpg" height=400
width=400 align="right" >
<br>
<table border=2 bordercolor="blue" align="left" width=350 cellspacing="3"
cellpadding="6">
<font color = "yellow"><caption>Links available are</caption></font>
<tr>
<td>1
<td><A href="sferr.html">A-Z index</A>
</tr>
<tr>
<td>2
<td><A href="sferr.html">The university</A>
</tr>
<tr>
<td>3
<td><A href="sferr.html">Prospectuses</A>
</tr>
<tr>

<td>4
<td><A href="sferr.html">Staff</A>
</tr>
<tr>
<td>5
<td><A href="sferr.html">Student</A>
</tr>
<tr>
<td>6
<td><A href="sferr.html">Graduates and Alumni</A>
</tr>
<tr>
<td>7
<td><A href="sferr.html">Jobs</A>
</tr>
<tr>
<td>8
<td><A href="sferr.html">Research</A>
</tr>
<tr>
<td>9
<td><A href="sferr.html">Departments,Colleges and Schools</A>
</tr>
</table><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br
><br><br><br><br><br>
<font align="bottom"><h4><center>For futher equiries <A
href="mailto:[email protected]"> Contact Us</A></center></h4></font>
</body></head></html>
Desgn:

You might also like