SYBCA-DIV-2-SEM-4 Web Designing ROLL NO:-102: Q-1: Create Time Table in HTML As Given in Attached Image

SYBCA-DIV-2-SEM-4 WEB DESIGNING ROLL NO:-102
Q-1 : create Time table in HTML as given in attached image.

<html>
<body>
<table border="1" cellspacing="0" align="center" cellpadding="8">
<tr>
<th colspan="6"> Time Table </th>
</tr>
<tr align="center">
<th rowspan="6"> Hours </th>
<th> Mon </th>
<th> Tue </th>
<th> Wed </th>
<th> Thu </th>
<th> Fri </th>
</tr>
<tr>
<td> Science </td>
<td> Maths </td>
<td> Science </td>
<td> Maths </td>
<td> Arts </td>
</tr>
<tr>
<td> Social </td>
<td> History </td>
<td> English </td>
<td> Social </td>
<td> Sports </td>
</tr>
<tr>
<th colspan="5" align="center"> Lunch </th>
</tr>
<tr>
<td> Science </td>
<td> Maths </td>
<td> Science </td>
<td> Maths </td>
<td rowspan="2"> Project </td>
</tr>
<tr>
<td> Science </td>
<td> History </td>
<td> English </td>
<td> Social </td>
</tr>
1
</table>
</body>
</html>
Q- 2: Create registration page in HTML using form and table tags.
<html>
<body>
<form method="get" >

<fieldset>
<legend> Registration </legend>
<table border=1px style="padding:100px">
<tr>
<td style="text-align:right;"> Student Name: </td>
<td><input type="text" id="sname" name="sname"/></td>
<td><output name="osname">Name</output></td>
</tr>
<tr>
<td style="text-align:right"> Password: </td>
<td><input type="password" id="pswd" name="pswd"/></td>
<td><output name="opswd">Password</output></td>
</tr>
<tr>
<td style="text-align:right"> Phone No: </td>
<td><input type="text" id="phno" name="phno"/></td>
<td><output name="ophno">Phone No</output></td>
</tr>
<tr>
<td style="text-align:right"> Email: </td>
<td><input type="text" id="email" name="email"/></td>
<td><output name="oemail">Email</output></td>
</tr>
<tr>
<td style="text-align:right"> Address: </td>
<td>
<textarea name="adr" id="adr" rows="5" cols="25">
2
</textarea>
</td>
<td><output name="oadr">Address</output></td>
</tr>
<tr>
<td style="text-align:right"> Roll No: </td>
<td><input type="text" id="rno" name="rno"/></td>
<td><output name="orno">Roll No</output></td>
</tr>
<tr>
<td style="text-align:right"> Gender: </td>
<td>
<input type="radio" id="gndr" name="gndr" value="Male"/>Male
<input type="radio" id="gndr" name="gndr" value="Female"/>Female
</td>
<td><output name="ogndr">Gender</output></td>
</tr>
<tr>
<td style="text-align:right"> Division: </td>
<td>
<select id="div" name="div" size="2">
<option value="SYBCA DIV1">SYBCA DIV1</option>
</select>
</td>
<td><output name="odiv">Division</output></td>
</tr>
<tr>
<td style="text-align:right"> Subjects: </td>
<td>
<input type="checkbox" id="cwd" name="cwd" value="wd" />WD
<input type="checkbox" id="cis" name="cis" value="is" />IS
<input type="checkbox" id="c.net" name="c.net" value=".net" />.NET
<input type="checkbox" id="cse" name="cse" value="se" />SE
<input type="checkbox" id="cjava" name="cjava" value="java" />JAVA
</td>
<td></td>
</tr>
<tr>
<td style="text-align:right"> Faculty: </td>
<td>
<select id="flt" name="flt" Size="2" multiple>
<option value="Bipin Jadav">Bipin Jadav</option>
<option value="Piyush Arora">Piyush Arora</option>
3
<option value="Hardik Gangadwala">Hardik Gangadwala</option>

<option value="Sweety Patel">Sweety Patel</option>
<option value="Viral Patel">Viral Patel</option>
</select>
</td>
<td><output name="oflt">Faculty</output></td>
</tr>
<tr>
<td style="text-align:right"> Future: </td>
<td>
<input list="ftr">
<datalist id="ftr" name="ftr">
<option value="Developer"></option>
<option value="Designer"></option>
<option value="Tester"></option>
<option value="Administrator"></option>
</datalist>
</td>
<td><output name="oftr">Future</output></td>
</tr>
<tr>
<td style="text-align:right">Percentage:</td>
<td>
0
<input type="range" id="a" name="a" value="70" oninput="x.value=a.value"/>
100
<br>
<output name="x" >70</output>%
</td>
<td><output name="oa">Percentage</output></td>
</tr>
<tr>
<td></td>
<td><input type="Submit" value="Submit" id="sbtn" name="sbtn"/></td>
<td><button type="button"
onclick="osname.value=sname.value;opswd.value=pswd.value;ophno.value=phno.value;oemail.value=email.value;oadr.v
alue=adr.value;orno.value=rno.value;ogndr.value=gndr.value;odiv.value=div.value;oflt.value=flt.value;oftr.value=ftr.valu
e;oa.value=a.value">Output View</button></td>
</tr>
</table>
</fieldset>
4
</form>
</body>
</html>
Q-3 : Apply validation using Java Script on registration page which you have already design in question 2.
<html>
<head><title> STUDENT REGISTRATION </title>
<script>
function validet()
{
var password = document.student.password;
if(pswd.value=="")
{
alert("plese enter valid password");
return false;
}
else
{
true;
}
}
</script>
</head>
<body>
<form onsubmit="return validet()" method="get" name="student" >
5
<fieldset>
<legend> REGISTRATION </legend>
<center>
<table border=4px bgcolor="pink" style="padding:100px" >
<strong><h1><center><b> STUDENT DETAILS </b></h1></strong>

<tr>
<td style="text-align:center;"><b> Student Name:</b> </td>
<td> <input type="text" id="sname" name="sname" > </td>
<td> <output name="ofname" >name</output></td>
</tr>
<tr>
<td style="text-align:center"><b> Password :</b></td>
<td> <input type="password" id="pswd" name="pswd" /></td>
<td> <output name="opswd" >Password</output></td>
</tr>
<tr>
<td style="text-align:center"><b> Phone No :</b> </td>
<td> <input type="text" id="phno" name="phno" /> </td>
<td> <output name="ophno" >Phone No</output></td>
</tr>
<tr>
<td style="date-align:center"><center><b> Date of Brith: <b> </td>
<td> <input type="date" id="date" name="date" /> </td>
<td> <output name="odate" >DOB</output></td>
</tr>
<tr>
<td style="text-align:center"><b> Email : </b></td>
<td> <input type="text" id="email" name="email" /> </td>
<td> <output name="oemail" >email</output></td>
</tr>
<tr>
<td style="text-align:center"><b> Address :</b></td>
<td>
<textarea name="adr" id="adr" rows="5" cols="25">
</textarea>
6
</td>
<td> </td>
</tr>
<tr>
<td style="text-align:center"><b> Roll no : </b> </td>
<td> <input type="text" id="roll" name="roll"></td>
<td> <output name="oroll" >Roll</output></td>
</tr>
<tr>
<td style="text-align:center"> <b> Gender : </b></td>
<td>
<input type="radio" id="gndr" name="gndr" value="male" />male
<input type="radio" id="gndr" name="gndr" value="female" />female
</td>
<td> </td>
</tr>
<tr>
<td style="text-align:center"><b> Div </b></td>
<td>
<select id="div" name="div">
<option value="" selected>---Select---</option>

<option value="div1">SYBCA DIV 1</option>
</select>
</td>
<td> </td>
</tr>
<tr>
<td style="text-align:center"><b> Which Subject do you like most? </b></td>
<td>
<input type="checkbox" id="cwd" name="cwd" value="wd" />WD
<input type="checkbox" id="cis" name="cis" value="is" />IS
<input type="checkbox" id="c.net" name="c.net" value=".net" />.NET
<input type="checkbox" id="cse" name="cse" value="se" />SE
7
<input type="checkbox" id="cjava" name="cjava" value="java" />JAVA

</td>
<td> </td>
</tr>
<tr>
<td style="text-align:center"><b> Which Faculty do you like most ?</b> </td>
<td>
<select id="faculty" name="faculty">

<option value="bsir" selected>bipin sir</option>
<option value="psir">piyush sir</option>
<option value="hsir">hardik sir</option>
<option value="smem">sweety mem</option>
<option value="vsir">viral sir</option>
</select>
</td>
<td> </td>
</tr>
<tr>
<td style="text-align:right"><center><b> Percentage :</b></td>
<td>
0
<input type="range" id="a" name="a" value="70" oninput="x.value=a.value" />
100
<br>
<output name="x" >70</output>%
</td>
<td> </td>
</tr>
<tr>
<td style="list-align:center"><b> what you want to be in future ? </b></td>
<td>
<input list="future">
<datalist id="future" name="future">
<option value="developer" selected></option>

<option value="designer"></option>
8
<option value="tester"></option>
<option value="administrator"></option>
</datalist>
</td>
<td> </td>
</tr>
<tr>
<td> <center> <button type="button" onclick="alert('HELLO SIR!')">Click Me!</button></td>
<td> <center> <input type="submit" value="submit" id="sbtn" name="sbtn" /></td>
<td> <button type="button"
onclick="ofname.value=sname.value;opswd.value=pswd.value;ophno.value=phno.value;oemail.value=email.value;oroll.v
alue=roll.value;odate.value=date.value"> output view </button></td>
</tr>
</table>
<fieldset>
</form>
</body>
</html>
Question-4 : Design a website for college. Create minimum following 5 pages for this website.
1) Home page - describe the college
2) registration page - for collecting students data
3) login page - for student/faculty login
4) Photo Gallery page - which show photos related to college
5) Contact Us page - display college address and contact numbers
<html>
9
<head>
</head>
10
<title>link page</title>
<body bgcolor="lightyellow">
<center>
<h3 style="color:orange"> Select</h3>
</center>
<a href="home page.htm"target="rightside">HOME PAGE</a><br>
<a href="registration page.htm"target="rightside">REGISRATION</a><br>
<a href="login page.htm"target="rightside">LOGIN</a><br>
<a href="photo gallary page.htm"target="rightside">PHOTO GALLARY</a><br>
<a href="contact us page.htm"target="rightside">CONTACT US</a><br>
</body>
</html>
1) Home page - describe the college
<html>
<head>
<title>Home page</title>
</head>
<fieldset>
<legend align="center">
<table border="2"align="center">
<tr><td>
<tr>
<td><img src="home page photo.jpg"width="200"></td>
</tr>
</table>
</td></tr>
</table>
</legend><br><br>
<table align="center">
<tr>
<td colspan="2"><font size="5"><b>Founder</b><br>Late Shri. Shambhubhai V.
Patel<br></td>
</tr>
<tr>
<td><img src="founder.png"width="150" border="1"></td>
<td><b>"A true Gandhian Leader"</b>, a person who dedicated his entire life to the
principles of honesty, trust,
unity and encouraged positive thinking together by providing inspiring leadership.
With a view to help the needy people,
he established many organizations which still today spread the fragrance of his deeds.
He tirelessly endeavored to serve
the society and has become immortal in the memory of people.</td>
</tr>
</table>
<p> -</p>
<p>
range of opportunities.
11
<b>Why IT technology is a progressive and constantly changing industry, promising a wide

?</b><br>
Information If you have always loved the idea of working with computers, a career in IT is the ideal
pathway for you to choose.
No matter what industry you’re looking into, most modern businesses need people with
general skills and knowledge of
how to support information technology activities in the workplace.
</p>
<p> -</p>
<p>
entrepreneurial ambitions, economically sensitive,
</fieldset>
</body>
</html>
2) registration page - for collecting students data

3) login page - for student/faculty login
<html>
<head>
<title> Login Form</title>
<style>
*{
font-size:15px;
}
table{
margin-top:75px;
}
tr{
margin:25px;
}
</style>
<script type="text/javascript">
function loginvalidate()
{
// name validation
var nam=document.getElementById("sname").value;
if(nam==""||nam==null)
{
alert('student name not be empty. you must have enter name ');
return false;
}
var letters=/^[A-Za-z]+$/;
if(!nam.match(letters))
{
alert('only allows alphbet value ');
return false;
}
// password validation
var psw=document.getElementById("pswd").value;
if(psw=="" || psw==Null)
{
alert('password not be should empty ');
12
return false;
}
alert('you have login successfully ');
return true;
}
</script>
</head>
<body bgcolor="lightgreen">
<center>
<form name="loginform" id="loginform" method="get" bordercolor="blue" onsubmit="return
loginvalidate();" >
<table style="padding:40px;color:orange" cellspacing="5"
width='600px'bgcolor="lightyellow">
<tr>
<th style="text-align:center;font-size:30px"colspan="2"> Login
Here</th>
</tr>
<tr>
<td style="text-align:left;"> <b>Student's Name : </b> </td>
<b>Why Management ?</b><br>
Programme Design Young graduates with no prior experience in
</p</fieldset>
business but who exhibit and The next generation of Family
Business owners. To promote the development of socio-
responsible and effective managers and management academics of
tomorrow.
<td> <input type="text" id="sname" name="sname" /> </td>
<td style="text-align:left"> <b>Password : </b> </td>

<td> <input type="password" id="pswd" name="pswd" /></td>
<td><input type="submit" style="color:blue" value="submit"

id="sbtn" name="sbtn" onsubmit="return subvalidate();" /></td>
<td>
not yet member?? <a href="registration
page.htm">Register</a>
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
1) Photo Gallery page - which show photos related to college
<html>
<head>
<title>Gallary</title>
</head>
<font size="10"face="impact"color="orange"><marquee behavior="alternate"
12
direction="right">Image Gallary</marquee></font>
<br><br><br><br>
<tr>
<td rowspan="2"><img src="j-1.jpg"width="420"></td>
<td><img src="pic-1.jpg"width="650"></td>
</tr>
<tr>
<td><img src="pic-2.jpg"width="650"></td>
</tr>
</table>
<br>
<tr>
<td><img src="j-2.jpg"width="400"></td>
</tr>
</table>
<br>
<tr>
<td><img src="s-1.jpg"width="500"></td>
<td><img src="s-2.jpg"width="500"></td>
</tr>
</table>
<br>
<tr>
<td><img src="L1.jpg"width="450"></td>
<td><img src="L2.jpg"width="450"></td>
</tr>
</table>
<br>
4) Contact Us page - display college address and contact numbers
<html>
<head>
<title>contact us</title>
</head>
<style>
*{
font-size:15px;
}
table{
font-family:comic sans ms;
margin-top:50px;
}
tr{
margin:25px;
}
</style>

<body bgcolor="skyblue">
<center>
<table style="padding:40px;color:blue" cellspacing="5"
width='600px'bgcolor="lightyellow">
<tr> <tr>
Details</th>
</tr>
13
lspan
<th ="2" <td><b> College Address :</b></td>
style="text- >Co <td> Shri Shambhubhai V. Patel College Of Computer Science
align:center; ntact
font-
size:30px"co
And Business Management,Sumul Dairy Road Near I.C. Gandhi High School,Surat,Gujarat 395008. </td>
</body>
</html> </center>
</table>
</tr>
<tr>
</tr><td><b> Telephone</b></td>
<td> 0261-2537772 </td>
<td><b> Email : </b></td>

<td> svpatelcsbm@gmail.com </td>
14
Question-5 create structure shown in image using Bootstrap Grid System classes. Image is attached.
<html>
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container text-center" style="border:black 2px;">
<div class="row">
<div class="col-1" style="background-color:pink;border:solid white 2px;">span<br>1</div>
<div class="col-1" style="background-color:white;border:solid white 2px;">span<br>1</div>
</div>
<div class="row">
<div class="col-4" style="background-color:pink;border:solid white 2px;padding:10px">span 4</div>
<div class="col-4" style="background-color:white;border:solid white 2px;padding:10px">span 4</div>
</div>
<div class="row">
</div>
<div class="row">
</div>
<div class="row">
</div>
</div>
</body>
</html>
15
Question-6 Create one table which have 5 rows and 4 columns. Take some data for this table. Apply following
bootstrap classes for table.
1. Apply .table class in table tag and display it.
2. Apply .table-striped class and display zebra-stripes rows in table.
3. Apply .table-bordered class and adds borders on all sides of the table and cells.
<html lang="en">
<head>
<title>Bootstrap Table</title>
</head>
<body>
<div class="container">
<table class="table table-striped table-bordered">
<thead>
<tr>
<th>Roll.No</th>
<th>Class</th>
<th>Marks</th>
<th>Name</th>
</tr>
</thead>
<tr>
<td>101</td>
<td>FYBCA</td>
<td>700/500</td>
<td>karan</td>
</tr>
<tr>
<td>102</td>
<td>SYBCA</td>
<td>700/450</td>
<td>tarun</td>
</tr>
<tr>
<td>103</td>
<td>TYBCA</td>
<td>700/300</td>
<td>avani</td>
</tr>
<tr>
<td>104</td>
<td>FYBCA</td>
<td>700/600</td>
<td>khushi</td>
</tr>
</table>
</div>
</body>
16
</html>
Question-7 : Take any one image and apply bootstrap classes for different shape of images to display as following.
Also apply .img-responsive class of bootstrap to make the image responsive.
<html lang="en">
<head>
<title>Bootstrap Example</title>
</head>
<body>
<div class="container img-responsive">

<h2>Rounded Corners </h2>
<img src="teddy.jpg" class="rounded" alt="Desktop" width="500" height="400">
<h2>Circle</h2>
<img src="rabbit.jpg" class="rounded-Circle" alt="Desktop" width="500" height="400">
<h2>Thumbnail</h2>
<img src="flower.jpg" class="img-thumbnail" alt="Desktop" width="500" height="400">
</div>
</body>
</html>
Question-8 : create different size and different colors buttons. Apply bootstrap classes for buttons. Also try
to Active/Disabled Buttons.
<!doctype html>
<html lang="en">
<head>
<title>BOOTSTRAP BUTTONS(ROLL NO:102)</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
</head>
<body>
17
<div class="row">
<div class="col">
<a href=" " class="btn btn-basic" style="background:lightgray">BASIC</a>
<a href=" " class="btn btn-light">DEFAULT</a>
<a href=" " class="btn btn-primary">PRIMARY</a>
<a href=" " class="btn btn-success">SUCCESS</a>
<a href=" " class="btn btn-info">INFO</a>
<a href=" " class="btn btn-warning">WARNING</a>
<a href=" " class="btn btn-danger">DANGER</a>
</div>
</div>

<div class="row" style="padding:15px">

<div class="col"> </div>
</div>

<div class="row">
<div class="col">
<a href=" " class="btn btn-primary btn-lg">LARGE</a>
<a href=" " class="btn btn-primary">NORMAL</a>
<a href=" " class="btn btn-primary btn-sm">SMALL</a>
<a href=" " class="btn btn-primary btn-xs">EXTRASMALL(NOT AVAILABLE IN BS-
4)</a>
</div>
</div>

<div class="row" style="padding:15px">

<div class="col"> </div>
</div>

<div class="row">
<div class="col">
<a href=" " class="btn btn-primary active">ACTIVE PRIMARY</a>
<a href=" " class="btn btn-primary disabled">DISABLE PRIMARY</a>
</div>
</div>
</body>
</html>
Question-9 : Apply bootstrap classes to make 5 buttons group.

1. Make these group vertically.
2. Make these group horizontally and justify them to span the button group the entire width of the screen.
3. Make one of these group button as dropdown menu.
18
<html lang="en">
<head>
<title> Buttons Groups</title>
</head>
<body>
<center>
<h2><u>Button Group</u></h2>
<h3>Vertical group Buttons </h3>
<div class="btn-group-vertical">
<button type="button" class="btn btn-primary">IS</button>
<button type="button" class="btn btn-primary">SE-2</button>
<button type="button" class="btn btn-primary">JAVA</button>
<button type="button" class="btn btn-primary">.NET</button>
<button type="button" class="btn btn-primary">WD</button>
</div><br><br>
<h3>Horizontally group Buttons</h3>
<div class="btn-group col">
<button type="button" class="btn btn-primary">IS</button>
<button type="button" class="btn btn-primary">SE-2</button>
<button type="button" class="btn btn-primary">JAVA</button>
<button type="button" class="btn btn-primary">.NET</button>
<button type="button" class="btn btn-primary">WD</button>
</div><br><br>
<h3>Group Buttons As Dropdown</h3>

<div class="btn-group">
<button type="button" class="btn btn-primary">Subject</button>
<button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown">
<span class="caret"></span>
</button>
<div class="dropdown-menu">
<button class="dropdown-item" href="#">IS</button>
<button class="dropdown-item" href="#">SE-2</button>
<button class="dropdown-item" href="#">JAVA</button>
<button class="dropdown-item" href="#">.NET</button>
<button class="dropdown-item" href="#">WD</button>
</div>
</div>
</center>
</body>
</html>
19
Question-10 : Create one registration page (without using table) to apply bootstrap form classes. Take user
name (use input tag), address (use textarea tag) and select city (use select tag to create dropdown menu of city
select) fields. Also take one submit button. Do following.
1. Make bootstrap vertical registration form (default)
2. Make bootstrap inline registration form
3. Make bootstrap horizontal registration form
<html>
<head>
<title>Registration Page</title>
</head>
<body>
<center>
<form>
<h4>Vertical Registration Form</h4>
<div class="row">
<label>Name:</label>
<input type="text" class="form-control" id="name" placeholder="Enter Your Name"
name="name">
</div>
<div class="row">
<label>Address:</label>
<textarea type="text" class="form-control" id="add" placeholder="Enter Your Address"
name="add"></textarea>
</div>
<div class="row">
<label>City:</label>
<select type="city" class="form-control" id="city" placeholder="Choose Your City"
name="city">
<option>Surat</option>
<option>Ahemdabad</option>
<option>Mumbai</option>
<option>Baroda</option>
<option>Pune</option>
</select>
</div><br>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
20
<h4>Inline Registration Form</h4>

<form class="form-inline">
<label class="mr-sm-2">Name:</label>
<input type="text" class="form-control mr-sm-2" id="name" placeholder="Enter Your Name"
name="name">
<label class="mr-sm-2">Address:</label>
<textarea type="text" class="form-control mr-sm-2" id="add" placeholder="Enter Your
Address" name="add"></textarea>
<label class="mr-sm-2">City:</label>
<select type="city" class="form-control mr-sm-2" id="city" placeholder="Choose Your City"
name="city">
</select><br>
</form>
<form>
<h4>Horizontal Registration Form</h4>
<div class="row">
<div>Name:</div>
<div class="col"><input type="text" class="form-control" id="name" placeholder="Enter
Your Name" name="name"></div>
</div><br>
<div class="row">
<div>Address:</div>
<div class="col">
<textarea type="text" class="form-control" id="add" placeholder="Enter Your
Address" name="add">
</textarea>
<div>
</div><br>
<div class="row">
<div>City:</div>
<div class="col">
<select type="city" class="form-control" id="city" placeholder="Choose Your City"
name="city">
</select>
</div>
</div><br>
</div>
</center>
</body>
</html>
21
22

SYBCA-DIV-2-SEM-4 Web Designing ROLL NO:-102: Q-1: Create Time Table in HTML As Given in Attached Image

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

SYBCA-DIV-2-SEM-4 Web Designing ROLL NO:-102: Q-1: Create Time Table in HTML As Given in Attached Image

Uploaded by

Copyright:

Available Formats

SYBCA-DIV-2-SEM-4 WEB DESIGNING ROLL NO:-102

Q-1 : create Time table in HTML as given in attached image.

Q- 2: Create registration page in HTML using form and table tags.

<form method="get" >

<option value="Hardik Gangadwala">Hardik Gangadwala</option>

<strong><h1><center><b> STUDENT DETAILS </b></h1></strong>

<textarea name="adr" id="adr" rows="5" cols="25">

<select id="div" name="div">

<option value="" selected>---Select---</option>

<input type="checkbox" id="cjava" name="cjava" value="java" />JAVA

<select id="faculty" name="faculty">

<option value="developer" selected></option>

<b>Why IT technology is a progressive and constantly changing industry, promising a wide

entrepreneurial ambitions, economically sensitive,

2) registration page - for collecting students data

Business owners. To promote the development of socio-

responsible and effective managers and management academics of

<td> <input type="text" id="sname" name="sname" /> </td>

<td style="text-align:left"> <b>Password : </b> </td>

<td><input type="submit" style="color:blue" value="submit"

<td><b> Email : </b></td>

<div class="container img-responsive">

<div class="row" style="padding:15px">

<div class="row" style="padding:15px">

Question-9 : Apply bootstrap classes to make 5 buttons group.

<h3>Group Buttons As Dropdown</h3>

<h4>Inline Registration Form</h4>

You might also like