Ajay Kumar HTML Assignment 2
Ajay Kumar HTML Assignment 2
Student ID : FZ23114169
Batch : 10 AM to 12 PM (Saturday)
HTML Assignment 2
Question 1:
Create a static webpage using table tags of HTML.
Code :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Table</title>
<style>
td{
border: 1px solid
}
</style>
</head>
<body>
<table style="border: 1px solid">
<tr>
<th rowspan="2" style="border: 1px solid">Unit No.</th>
<th rowspan="2" style="border: 1px solid">Unit Title</th>
<th rowspan="2" style="border: 1px solid">Teaching Hours</th>
<th colspan="4" style="border: 1px solid">Distribution of theory marks</th>
</tr>
<tr>
<td>R Level</td>
<td>U Level</td>
<td>A Level</td>
<td>Total marks</td>
</tr>
<tr>
<td>1</td>
<td>Introduction to Internet Technology</td>
<td>2</td>
<td>4</td>
<td>4</td>
<td>0</td>
<td>8</td>
</tr>
<tr>
<td>2</td>
<td>Basics of HTML & CSS</td>
<td>6</td>
<td>0</td>
<td>2</td>
<td>6</td>
<td>8</td>
</tr>
<tr>
<td>3</td>
<td>Active Server pages 3.0</td>
<td>6</td>
<td>4</td>
<td>8</td>
<td>0</td>
<td>12</td>
</tr>
<tr>
<td>4</td>
<td>Server Side coding with VBScript and XML</td>
<td>8</td>
<td>2</td>
<td>4</td>
<td>8</td>
<td>14</td>
</tr>
<tr>
<td>5</td>
<td>ASP objects and components</td>
<td>10</td>
<td>4</td>
<td>4</td>
<td>6</td>
<td>14</td>
</tr>
<tr>
<td>6</td>
<td>Accessing database with ASP & ADO</td>
<td>10</td>
<td>4</td>
<td>4</td>
<td>6</td>
<td>14</td>
</tr>
<tr>
<td></td>
<th style="border: 1px solid">Total</th>
<th style="border: 1px solid">42</th>
<th style="border: 1px solid">18</th>
<th style="border: 1px solid">26</th>
<th style="border: 1px solid">26</th>
<th style="border: 1px solid">70</th>
</tr>
</table>
</body>
</html>
Question 2:
Create a static web page which defines all text formatting tags of HTML in tabular format.
Code :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>tags</title>
<style>
table{
border : 1px solid;
}
th{
border : 1px solid;
}
td{
border : 1px solid;
}
</style>
</head>
<body>
<table>
<tr>
<th>Html Tag</th>
<th>Output</th>
</tr>
<tr>
<td>normal text</td>
<td>hello world</td>
</tr>
<tr>
<td>Font and attributes</td>
<td style="font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial,
sans-serif; color: aqua;">hello world</td>
</tr>
<tr>
<td>b</td>
<td><b>bold</b></td>
</tr>
<tr>
<td>i</td>
<td><i>italics</i></td>
</tr>
<tr>
<td>u</td>
<td><u>underline</u></td>
</tr>
<tr>
<td>em</td>
<td><em>emphasis</em></td>
</tr>
<tr>
<td>strong</td>
<td><strong>strong</strong></td>
</tr>
<tr>
<td>teletype</td>
<td><teletype>teletype</teletype></td>
</tr>
<tr>
<td>cite</td>
<td><cite>citation</cite></td>
</tr>
<tr>
<td>strike</td>
<td><strike>Strikethrough</strike></td>
</tr>
<tr>
<td>big</td>
<td><big>Big text</big></td>
</tr>
<tr>
<td>small</td>
<td><small>small text</small></td>
</tr>
<tr>
<td>sub</td>
<td>a<sub>b</sub></td>
</tr>
<tr>
<td>sup</td>
<td>a<sup>b</sup></td>
</tr>
</table>
</body>
</html>
Question 3:
Create webpage using list tags of HTML.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lists</title>
</head>
<body>
<h4>Html list : Ordered, Unordered and Definitive list</h4>
<hr>
<p>Following is the list of proposed student activities :</p>
<ol type="1">
<li>develop programs related with unit vice topics in computer laboratory.</li>
<li>develop any module to be useful in real life application.</li>
<li>multimedia presentation of modules developed by students.</li>
</ol>
<hr>
<p>List of software/Learning profiles</p>
<ul>
<li>Asp tutorials w3 schools <br> <a>www.w3schools.com/asp</a></li>
<li>Classic asp tutorials and articles <br><a>www.webwiz.co.uk -
knowledge</a></li>
<li>HTML tutorials w3Schools <br><a>www.w3schools.com/html</a></li>
<li>Css Tutorial <br> <a>www.csstutorial.net</a></li>
<li>VBscript tutorials - tutorial
point<br><a>www.tutorialpoint.com/vbsript/index.htm</a></li>
<li>ADO tutorial - w3schools<br><a>www.w3schools.com/ADO/default.asp</a></li>
</ul>
<hr>
<dl>
<dt>HTML</dt>
<dd>Hyper text markup language</dd>
<dt>XML</dt>
<dd>eXtensible markup language</dd>
</dl>
</body>
</html>
Question 4:
Create employee registration webpage using HTML form objects
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form>
<h3 style="color:red">Employment Registration Form</h4>
<input type="radio">Mr.<input type="radio">Mrs.<input type="radio">Ms.<br>
first name <input type="text"><br>
last name <input type="text"><br>
MailAddress1 <input type="text"><br>
MailAddress2 <input type="text"><br>
City <input type="text"><br>
state <select><option>Gujarat</option></select><br>
Zip <input type="text"><br>
Upload photo <input type="file"><br>
email <input type="text"><br>
phone <input type="text"><br>
languages known
<input type="radio">Gujarati<br>
<input type="radio">Hindi<br>
<input type="radio">English<br>
<input type="radio">Marathi<br>
additional information <input type="comment"><br>
<button>Submit</button><button>Reset</button>
</form>
</body>
</html>