Sumit Khairaj WT

Experiment:-1
Aim:- Write a program for using all HTML simple tag.

<html>
<head>
<title>
home page
</title>
</head>
<body>
hellow world
</body>
</html>
Output:-
NAME:- SUMIT KHAIRAJ 1
Roll no. 21022C04054 Web Technology

Experiment:-2
Aim:- Write a program to display various type of "Headings".
<html>
<head>
<title>
home page
</title>
</head>
<body>
<center>
<h1> hellow world </h1>
</center>
</body>
</html>
Output:-

Experiment:-3
Aim:- Write a program to display "Un-order list ".
<html>
<head>
<title>
list
</title>
</head>
<body>
<h2> unorder list</h2>
<ul>Aim:-
<li>tea</li>
<li>coffee</li>
<li>green tea</li>
<li>milk</li>
</ul>
</body>
</html>
Output:-

Experiment:-4
Aim:- Write a program to display " Order list ".<html>
<head>
<title>
list
</title>
</head>
<h2>order list</h2>
<ol>
<li>milk</li>
<li>tea</li>
<li>water</li>
</ol>
</html>
Output:-

Experiment:-5
Aim:- Write a program to create " Table".
<html>
<head>
<style> table,th,td{border:1px solid black;}
</style>
<body bgcolor="white">
<center>
<h1> Students details </h1>
</body>
</head>
<table>
<tr>
<th> S.NO. </th>
<th> NAME </th>
<th> SECOND NAME</th>
<th> ROLL NO. </th>
</tr>
<tr>
<td> 1 </th>
<td> Sumit </td>
<td> Khairaj </td>
<td> 21022C04054 </td>
</tr>
</table>
</center>
</html>

Output:-

Experiment:-6
Aim:- Write a program to create registration form.
<html>
<head>
<title> form</title>
</head>
<body>
<form>
<center>
<h1> Regisation form </h1>
</center>
<label>Enter first name</label><br>
<input type="text" name="firstname"><br>
<label>Enter last name</label><br>
<input type="text" name="lastname"><br>
<label>Enter User name</label><br>
<input type="text" name="firstname"><br>
<label>Enter Password</label><br>
<input type="Password" name="password"><br>
<br><input type="submit" value="submit"><br>
<label>User id: </label> <br>
<input type="text" name="user-id" value="user"> <br>
<label>Password: </label><br>
<input type="password" name="pass" value="pass"><br><br>
<input type="submit" value="login">
<input type="reset" value="Reset"><br>
<input type="radio" name="color" value="red"> Red <br>
<input type="radio" name="color" value="blue"> blue <br>
<input type="radio" name="color" value="green">green <br>

<input type="radio" name="color" value="pink">pink <br>
<input type="submit" value="submit"><br>
<label>Enter your Name:</label> <br>
<input type="text" name="name">
<p>Kindly Select your favourite sports</p>
<input type="checkbox" name="sport1" value="cricket">Cricket<br>
<input type="checkbox" name="sport2" value="tennis">Tennis<br>
<input type="checkbox" name="sport3" value="football">Football<br>
<input type="checkbox" name="sport4" value="baseball">Baseball<br>
<input type="checkbox" name="sport5"
value="badminton">Badminton<br><br>
<input type="submit" value="submit"><br>
<select multiple name="dwarfs" id="dwarfs">
<option>grumpy@woodworkers.com</option>
<option>happy@woodworkers.com</option>
<option>sleepy@woodworkers.com</option>
<option>bashful@woodworkers.com</option>
<option>sneezy@woodworkers.com</option>
<option>dopey@woodworkers.com</option>
<option>doc@woodworkers.com</option>
</select><br>
<input type="date" name="Startdate"> Start date:<br><br>
<input type="date" name="Enddate"> End date:<br><br>
<input type="submit">
</form>
</body>
</html>

Output:-

Experiment:-7
Aim:- write a program to print "HELLO WORLD" using
script tag.
<html>
<head>
<title>Document</title>
</head>
<body>
<script>
document.write("hello")
</script>
</body>
</html>
Output:-

Experiment:-8
Aim:- write a program to print " HELLO "on alert message
using script tag.
<html>
<head>
<title> javascript</title>
<script type="text/javascript">
alert("Hello point");
</script>
</head>
<body>
<h1> my class</h1>
</body>
</html>
Output:-

Experiment:-9
Aim:-Write a program to create registration form script tag.
<html>
<head>
<title> SignUp Page</title>
</head>
<body align="center" >
<h1> Registration form</h1>
<table cellspacing="2" align="center" cellpadding="8" border="0">
<tr><td> Name</td>
<td><input type="text" placeholder="Enter your name" id="n1"></td></tr>
<tr><td>Email </td>
<td><input type="text" placeholder="Enter your email id" id="e1"></td></tr>
<tr><td> Set Password</td>
<td><input type="password" placeholder="Set a password" id="p1"></td></tr>
<tr><td>Confirm Password</td>
<td><input type="password" placeholder="Confirm your password"
id="p2"></td></tr>
<tr><td>
<input type="submit" value="Create" onClick="create_account()"/>
</table>
<script type="text/javascript">
</script>
</body>
</html>

Output:-

Experiment:-10
Aim:- Write a program to implement " INLINE CSS".
<html>
<head>
<title>Inline</title>
</head>
<body>
<h1 style="color:darkred; front size: 10em;"> welcome to my world</h1>
<p style="color:blue; font-size: 20px;"> This is my contury</p>
</body>
</html>
Output:-

Experiment:-11
Aim:- write a program to implement "INTERNAL CSS".
<html lang="en">
<head>
<title>internal</title>
<style>
h1{color:yellowgreen; front: size 15em;}
p{color: brown; font: 20em;}
</style>
</head>
<body>
<h1>This is my college</h1>
<p>This is my class</p>
</body>
</html>
Output:-

Experiment:-12
Aim:- Write a program for CLASS selector in CSS.
<html>
<head>
<title>class selecter</title>
<style>
.classname{text-align:center; color: red; font: size 10px;}
</style>
</head>
<body>
<h1 class="classname">this is my class</h1>
<p class="classname">hello this is my college</p>
</body>
</html>
Output:-

Experiment:-13
Aim:- Write a program for ID selector in CSS.
<html>
<head>
<title>ID selecter</title>
<style>
#per{text-align:center; color: blue; font: size 20px;}
</style>
</head>
<body>
<p id="per">hello this is my contry</p>
</body>
</html>
Output:-

Experiment:-14
Aim:- Write a program to bootstrap grid system
<html lang="en">
<head>
<title>Job</title>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
</head>
<body>
<div class="container">
<h1>Grid Example</h1>
<div class="row">
<div class="col-md-2"style="background-color:lavender;">SUMIT
KHAIRAJ</div>
<div class="col-md-2"style="background-color:lavenderblush;">MOHIT
PRAJAPATI</div>
</div>
</div>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></scrip
t>
</body>
</html>

Output:-

Sumit Khairaj WT

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

Sumit Khairaj WT

Uploaded by

Copyright:

Available Formats

Experiment:-1

Aim:- Write a program for using all HTML simple tag.

NAME:- SUMIT KHAIRAJ 1

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 2

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 3

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 4

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 5

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 6

Roll no. 21022C04054 Web Technology

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 8

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 9

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 10

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 11

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 12

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 13

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 14

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 15

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 16

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 17

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 18

Roll no. 21022C04054 Web Technology

NAME:- SUMIT KHAIRAJ 19

Roll no. 21022C04054 Web Technology

You might also like