Scribd
Upload
45 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.

Uploaded by

Anonymous Kt9rvbmrI
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
45 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.

Uploaded by

Anonymous Kt9rvbmrI
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
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