Web Technology (DA4220) 2017-2018: Name: Himanshu Dhaka

Web Technology
(DA4220)
2017-2018
Name: Himanshu Dhaka
Roll no: 160102232
Department and Section: CSE-D
Submitted to: Dr. Srabanti Maji
Name- Himanshu Dhaka Roll no- 160102232

1. Write a program in html to create ordered list of 20 students.
<html>
<head>
<title>Ordered List</title>
</head>
<body>
<h1>Ordered List of 20 Students</h1>
<ol>
<li>Brett</li>
<li>Adam</li>
<li>Ricky</li>
<li>Glenn</li>
<li>James</li>
<li>Shane</li>
<li>Brad</li>
<li>Ben</li>
<li>Cameron</li>
<li>David</li>
<li>Mitchell</li>
<li>Clarke</li>
<li>Hussey</li>
<li>Nathan</li>
<li>Mathew</li>
<li>Brad</li>
<li>Shaun</li>
<li>David</li>
<li>Steve</li>
<li>Smith</li>
</ol>
</body>
</html>

Output->

2. Write a program in html to create unordered list of 15
electronic devices.
<html>
<head>
<title>Unordered List</title>
</head>
<body>
<h1>Unordered List of 15 Electronic Devices</h1>
<ul>
<li>Vaccum Cleaner</li>
<li>Iron</li>
<li>Air Conditioner</li>
<li>Microwave Oven</li>
<li>Mobile</li>
<li>Laptops</li>
<li>Speakers</li>
<li>LCD</li>
<li>Computers</li>
<li>Refrigerator</li>
<li>LED</li>
<li>Washing Machine</li>
<li>Hair Dyer</li>
<li>Electric Kettle</li>
<li>Sandwich Maker</li>
</ul>
</body>
</html>

Output->

3. Write a program in html to create brief description of various
tags that can be used in head section of html.
<html>
<head>
<title>Description of various Tags</title>
</head>
<body>
<h1>Description of Various Tags</h1>
<dl>
<dt>Title Tag</dt>
<dd>The Title tag is required in all HTML documents and it defines the title of the
document. The title element: defines a title in the browser toolbar.</dd></br>
<dt>Meta Tag</dt>
<dd>The tag provides metadata about the HTML document. Metadata will not be
displayed on the page, but will be machine parsable .Meta elements are typically
used to specify page description ,keywords, author of the document ,last modified
and other metadata. </dd></br>
<dt>Link Tag</dt>
<dd>The Link element is used to indicate the relationship between the present
documents and other documents.</dd></br>
<dt>Base Tag</dt>
<dd>The Base tag is used to provide the absolute URL of the specific Website ,this
information is useful for the Administrator & the Author responsible to maintain
multiple Websites.</dd></br>
<dt>Style Tag</dt>
<dd>Style tag are used to provide style & shape in the document.</dd></br>
</dl>
</body>
</html>

Output->

4. Write a program to create definition list of the contents of
database management system.
<html>
<head>
<title>Using Defination Tag</title>
</head>
<body>
<h2>Definations</h2>
<dl>
<dt>File System:-</dt>
<dd>In this system ,data is stored in permernant system files(secondary storage).Different
application programs are written to extract data from these files and to add record to these
files.</dd>
<dt>DBMS:-</dt>
<dd>A database management system(DBMS) is system software for creating and managing
databases. The DBMS provides users and programmers with a systematic way to create,
retrieve, update and manage data.</dd>
<dt>Data Abstraction:-</dt>
<dd>Only the useful data is displayed instead of the full data. Three levels of data
abstraction are:</br>*View Level</br>*Logical Level</br>*Physical Level</dd>
</dl>
</body>
</html>

Output->

5. Write a program in html to insert an image.
<html>
<head>
<title>Image</title>
</head>
<body>
<h2>Inspirational Quote</h2>
<img
src="https://www.brainyquote.com/photos_tr/en/h/hjacksonbrownjr/382774/hjacks
onbrownjr1.jpg"width="700" height="600" border="2"align="center"/>
</body>
</html>

Output->

6. Write a program in html to use pre tag.
<html>
<head>
<title>Programming Techniques</title>
</head>
<body>
<h2>Various Programming Techniques</h2>
<pre>
<h1>Using C language</h1>
void main()
{
int a=2,b=5,c;
c=a+b;
printf("%d",c);
Output:7
}
</pre>
<pre>
<h1>Using C++ language</h1>
void main()
{
int a=2,b=5,c;
c=a+b;
cout<< c;
Output:7
}
</pre>
<pre>
<h1>Using Java language</h1>
void main()
{
int a=2,b=5,c;
c=a+b;
System.out.println(c);
Output:7
}
</pre>
</body>
</html>

Output->

7. Write a program in html to create links between the previous
programs by using anchor tag.
<html>
<head>
<title>Creating Links</title>
</head>
<body>
<h1>Links between all the programs</h1>
<A href="program21.html">Program 1</A></br>
<A href="program23html">Program 3</A></br>
<A href="program25(s)html">Program 5</A>
</body>
</html>

Output->

Q.8 HTML Program to create a Table.
<html>
<head>
<title> CREATING TABLE </title>
</head>
<body>
<table border="5" cellspacing="5" cellpadding = "5" >
<caption> Student information </caption>
<tr>
<th>S.No</th>
<th> Name</th>
<th>Roll no</th>
<th>Age </th>
<th> CO</th>
<th>DSD </th>
<th>WEB TECH</th>
<th> DS</th>
</tr>
<tr>
<td> 1.</td>
<td> Himanshu </td>
<td> 44</td>
<td>19</td>
<td> 85</td>
<td>88</td>
<td>84</td>
<td>80</td>
</tr> <tr>
<td> 2.</td>
<td> Siddhant </td>
<td> 43</td>
<td>20</td>
<td> 84</td>
<td>82</td> <td>89</td> <td>90</td> </tr> <tr>
<td> 3.</td> <td> Shrishti </td> <td> 36</td> <td>19</td>
<td> 92</td> <td>85</td> <td>88</td> <td>80</td>
</tr><tr> <td> 4.</td> <td> Shivangi </td> <td> 32</td>
<td>18</td> <td> 82</td> <td>86</td> <td>81</td>
<td>92</td></tr> <tr> <td> 5.</td> <td> Aman </td> <td> 54</td>
<td>20</td> <td> 86</td> <td>88</td> <td>94</td> <td>70</td>
</tr><tr> <td> 6.</td> <td> Samayak </td> <td> 55</td> <td>20</td>

</tr><tr> <td> 7.</td> <td> Kabir </td> <td> 49</td> <td>20</td>
</tr><tr> <td> 8.</td> <td> Mukesh </td> <td> 46</td> <td>20</td>
<td> 85</td> <td>88</td> <td>84</td> <td>80</td> </tr><tr>
<td> 9.</td> <td> Kartik </td> <td> 47</td> <td>19</td>
</tr><tr> <td> 10.</td> <td> Shubham </td> <td> 51</td>
<td>70</td> </tr><tr> <td> 11.</td> <td> Anisha </td>
<td> 40</td> <td>19</td> <td> 72</td> <td>78</td> <td>84</td>
<td>90</td>
</tr><tr>
<td> 12.</td>
<td> Rishab </td>
<td> 34</td>
<td>19</td>
<td> 75</td>
<td>78</td>
<td>74</td>
<td>70</td>
</tr><tr> <td> 13.</td> <td> Vartika </td> <td> 40</td>
<td>90</td> </tr><tr> <td> 14.</td> <td> Mahendra </td>
<td> 22</td> <td>20</td> <td> 90</td> <td>80</td>
<td>74</td> <td>93</td> </tr><tr> <td> 15.</td> <td> Arjun </td>
<td>68</td> </tr><tr> <td> 16.</td> <td> Shilpi </td> <td> 60</td>
<td>20</td> <td> 75</td> <td>78</td> <td>74</td> <td>70</td> </tr><tr>
<td> 17.</td> <td> Abhishek </td> <td> 18</td> <td>20</td> <td> 85</td>
<td>88</td> <td>84</td> <td>80</td> </tr><tr> <td> 18.</td>
<td> Sam </td> <td> 39</td> <td>20</td> <td> 80</td> <td>82</td>
<td>83</td> <td>87</td> </tr><tr> <td> 19.</td> <td> Jishnu </td>
<td>81</td> </tr><tr> <td> 20.</td> <td> Sana </td>
<td> 29</td> <td>18</td> <td> 75</td> <td>78</td>
<td>74</td>
<td>70</td>
</tr>
</table>
</body>
</html>

Output->

Q.9 HTML program To show use of Rowspan.
<html>
<head>
<title> CREATING TABLE </title>
</head>
<body>
<table border="2" cellspacing="5" cellpadding = "5" >
<caption> Employee Data </caption>
<tr>
<th rowspan="10"> Employee Information</th>
<th> Name</th>
<th>ID</th>
<th> Designation</th>
<th>DOB </th>
<th> Salary </th>
</tr>
<tr>
<td> 1</td>
<td>Himanshu</td>
<td> Manager </td>
<td> 8-06-1998</td>
<td> 40000 </td>
</tr>
<tr>
<td> 2</td>
<td>Sana</td>
<td> Accountant </td>
<td> 1-12-1999</td>
<td> 30000 </td>
</tr>
<tr>
<td> 3</td>
<td>Vartika</td>
<td> Manager </td>
<td> 28-11-1997</td>
<td> 40000 </td>
</tr>
<tr>
<td> 4</td>
<td>Aman</td>
<td> HR </td>
<td> 2-01-1998</td>

<td> 42000 </td>
</tr>
<tr>
<td> 5</td>
<td>Kabir</td>
<td> HR </td>
<td> 6-02-1998</td>
<td> 50000 </td>
</tr>
<tr>
<td> 6</td>
<td>Shivangi</td>
<td> Manager </td>
<td> 06-06-1999</td>
<td> 35000 </td>
</tr>
<tr>
<td> 7</td>
<td>Shrishti</td>
<td> Accountant </td>
<td> 29-08-1998</td>
<td> 45000 </td>
</tr>
<tr>
<td> 8</td>
<td>Abhishek</td>
<td> CA </td>
<td> 27-08-1999</td>
<td> 40000 </td>
</tr> <tr>
<td> 9</td>
<td>Siddhant</td>
<td> HR </td>
<td> 30-09-1997</td>
<td> 30000 </td>
</tr>
</table>
</html>

Output->

Q.10 HTML program to create a Form.
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<Center><h3>Registration Form</h3></center>
<hr>
<center>
<form action="URL" method="get">
<b>Name           &n
bsp;    </b><input type="text" value="First Name">
<input type="text" value="Last Name"><br><br>
<b>Father Name </b><input type="text" value="First Name">

<b>Mother Name </b><input type="text" value="First Name">
<b>E-mail     </b><input type="text" value="Email"><br><br>
<b>Contact </b><input type="text" value="Contact"><br><br>
<b>DOB        </b><input type="text"
value="dd/mm/yy"><br><br>
<b>Gender <b>Male</b> <input type="radio" name="gen"
value="Male">    <b>Female</b> </b><input type="radio"
name="gen"value="Female"><br><br>
<b>Country</b> <select name="Country">
<option value="----">----
<option value="INDIA">INDIA
<option value="USA">USA
<option value="CHINA">CHINA
<option value="ENGLAND">ENGLAND
<option value="AUSTRALIA">AUSTRALIA
</select><br><br>
<b>AADAR No. </b><input type="text" value="Enter AADHAR"><br><br>

<b>Address </b>     <textarea name="add"
rows="5" cols="25"></textarea><br><br>
<hr>
<b>Username
            &nbs
p;    </b><input type="text" value="Enter Username"><br><br>

<b>Password
            &nbs
p;   </b><input type="password" maxsize="25"><br><br>
<b>Confirm Password </b><input type="password"
maxsize="25"><br><br>
<hr>
<b>Other Info.</b> <textarea name="oi" rows="5" cols="25"></textarea><br><br>
<hr>
<table border="2" cellpadding="5" cellspacing="4">
<tr>
<th rowspan="5">Qualification <br>&<br> Previous Experience</th>
<th>10th</th>
<th>12th</th>
<th>Graduation</th>
<th>Post Grad.</th>
<th>Others</th>
<th>Prev. Experience</th>
</tr>
<tr>
<td><input type="text" size="10" value="10th"></td>
<td><input type="text" size="10" value="12th"></td>
<td><input type="text" size="10" value="Grad."></td>
<td><input type="text" size="10" value="PG"></td>
<td><input type="text" size="10" value="Other Edu."></td>
<td><input type="text" size="10" value="Expri."></td>
</tr>
<tr>
</table>
<hr>
<input type="submit" value="SUBMIT">
<input type="reset" value="RESET">
</form>
</center>
</body>
</html>

Output->
<html>

11. WAP to create Resume usinig HTML tags.
<head>
<title>resume</title>
<h1>----------------RESUME---------------</h1>
</head>
<Body>
<br>NAME: HIMANSHU DHAKA</BR>
<br>D.O.B:08 JUNE 1999</BR>
<br>EMAIL:1415himanshu1415@gmail.com </BR>
<br>FATHERS NAME:DR. VEDVRAT SINGH DHAKA</BR>
<br>MOTHERS NAME: MRS. REKHA DHAKA</BR>
<br>CONTACT NUMBER:9958254935</BR>
<br>ADDRESS:3/1415 VASUNDHARA,GHAZIABAD,U.P </BR>
<br>COUNTRY:INDIA</BR>
<br>QUALIFICATIONS:</BR>
<br>1.10TH MARKS- 9.4 CGPA </BR>
<br>2. 12TH MARKS-85.3% </br>
<br>HOBBIES:READING NOVELS</BR>
</body>
</html>

OUTPUT->

Web Technology (DA4220) 2017-2018: Name: Himanshu Dhaka

Uploaded by

Copyright:

Available Formats

Web Technology (DA4220) 2017-2018: Name: Himanshu Dhaka

Uploaded by

Document Information

Original Description:

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

Web Technology (DA4220) 2017-2018: Name: Himanshu Dhaka

Uploaded by

Copyright:

Available Formats

Web Technology

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

<b>Father Name&nbsp; &nbsp;</b><input type="text" value="First Name">&nbsp; &nbsp;

<b>AADAR No. &nbsp;</b><input type="text" value="Enter AADHAR"><br><br>

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

Name- Himanshu Dhaka Roll no- 160102232

You might also like

<b>Father Name </b><input type="text" value="First Name">

<b>AADAR No. </b><input type="text" value="Enter AADHAR"><br><br>