SWAMI VIVEKANANDA UNIVERSITY
HTML ASSIGNMENT-1
Name: Md Al Hussain Ansari
Department: B.TECH (CSE) 1st year
Semester:1
Group:D
Roll No: 138
Batch:12
Teacher: Apurba Sarkar
__________________ _________________
SIGNATURE GRADE
1. Specification Table
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width ,initial scale=1.0">
<title> SPECIFICATION TABLE </title>
</head>
<style>
table, thead, td {
border:1px solid black;
}
</style>
<body>
<b>Name:</b> Md Al Hussain Ansari<br>
<b>Group:</b>D (B.TECH in CSE)<br>
<b>Batch:</b>12<br>
<b>Roll No:</b>138<br>
<h3 style="text-align:center;">Specification table with Hours and Marks</h3>
<table style="width: 100%;text-align:center">
<thead>
<tr>
<td rowspan="2"><b>Unit No.</b></td>
<td rowspan="2"><b>Unit Title</b></td>
<td rowspan="2"><b>Teaching Hours</b></td>
<td colspan="4"><b>Distribution of Theory Marks</b></td>
</tr>
<tr
<td>R Level</td>
<td>U Level</td>
<td>A Level</td>
<td>Total Marks</td>
</tr>
</thead>
<tbody>
<tr>
<td>I </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>II </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>III </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>IV </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>V </td>
<td>ASP Objects & Components </td>
<td>10 </td>
<td>4</td>
<td>4</td>
<td>6</td>
<td>14</td>
</tr>
<tr>
<td>VI </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>
<td><b>Total</b></td>
<td><b>42</b></td>
<td><b>18</b></td>
<td><b>26</b></td>
<td><b>26</b></td>
<td><b>70</b></td>
</tr>
</tbody>
</table>
</body>
</html>
Output:
2. Text Formatting Tags
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width ,initial scale=1.0">
<title> TEXT FORMATTING TAGS </title>
</head>
<style>
table, thead, td {
border:1px solid black;
}
</style>
<body>
<b>Name:</b> Md Al Hussain Ansari<br>
<b>Group:</b>D (B.TECH in CSE)<br>
<b>Batch:</b>12<br>
<b>Roll No:</b>138<br>
<h2 style="text-align:left;color:red;">Text formatting tags</h2>
<table style="width: max-content;text-align:center">
<thead>
<tr>
<td><b style="font-size: 22px;">HTML Tags</b></td>
<td><b style="font-size: 22px;">Output</b></td>
</tr>
</thead>
<tbody>
<tr>
<td>Normal Text</td>
<td>hello world</td>
</tr>
<tr>
<td>Font & its attribute </td>
<td style="color: blue;font-size:20px;">hello world </td>
</tr>
<tr>
<td><B> </td>
<td><b>Bold</b></td>
</tr>
<tr>
<td><I></td>
<td><i>Italic</i></td>
</tr>
<tr>
<td><U></td>
<td><u>Underline</u></td>
</tr>
<tr>
<td><EM></td>
<td><em>Emphasise</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>strike through text</strike></td>
</tr>
<tr>
<td><BIG></td>
<td><big>text in a big font</big></td>
</tr>
<tr>
<td><SMALL></td>
<td><small>text in a small font</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>
</tbody>
</table>
</body>
</html>
Output:
3. Lists and Links
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width ,initial scale=1.0">
<title> LISTS AND LINKS </title>
</head>
<body>
<b>Name:</b> Md Al Hussain Ansari<br>
<b>Group:</b>D (B.TECH in CSE)<br>
<b>Batch:</b>12<br>
<b>Roll No:</b>138<br>
<hr>
<h2>HTML List: Ordered,Unordered and Definition List</h2>
<hr>
<p>Following is the list of proposed students activities like:</p>
<ol>
<li>Develop programs related with unit wise topics in computer
laboratory.</li>
<li>Develop any module of to be useful in real life application.</li>
<li>Multimedia presentation of module developed by the students.</li>
</ol>
<hr>
<p>List of Software/Learning websites:</p>
<ul>
<li><b><u>ASP Tutorial-W3Schools</u></b></li>
<u><a href="https://www.w3schools.com/asp/">www.w3schools.com/asp</a></u>
<li><b><u>Classic ASP Tutorials & Articles-Web Wiz</u></b></li>
<u><a
href="https://www.webwiz.net/kb/asp-tutorials/">www.webwiz.co.uk-Knowledegbase</a></u>
<li><b><u>HTML Tutorial-W3Schools</u></b></li>
<u><a href="https://www.w3schools.com/html/">www.w3schools.com/html</a></u>
<li><b><u>CSS Tutorial</u></b></li>
<u><a href="https://css3-tutorial.net/">www.csstutorial.net</a></u>
<li><b><u>VBScript Tutorial-Tutorials Point</u></b></li>
<u><a
href="https://www.tutorialspoint.com/vbscript/index.htm">www.tutorialspoint.com/vbscript
/index.htm</a></u>
<li><b><u>ADO Tutorial-W3Schools</u></b></li>
<u><a
href="https://www.w3schools.com/asp/ado_intro.asp">www.w3schools.com/ADO/default.asp</a>
</u>
</ul>
<hr>
HTML
<p style="text-indent: 50px;line-height:0%;">Hyper Text Markup Language</p>
XML
<p style="text-indent:50px;line-height:0%;">eXtensible Markup Language</p>
</body>
</html>
Output:
4. Forms
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width ,initial scale=1.0">
<title> HTML FORMS </title>
</head>
<body>
<b>Name:</b> Md Al Hussain Ansari<br>
<b>Group:</b>D (B.TECH in CSE)<br>
<b>Batch:</b>12<br>
<b>Roll No:</b>138<br>
<hr>
<h1>HTML Forms</h1>
<form>
Salutation
<input type="radio" id="mr." name="Salutation" value="Mr.">
<label for="mr.">Mr.</label>
<input type="radio" id="mrs." name="Salutation" value="Mrs.">
<label for="mrs.">Mrs.</label>
<input type="radio" id="ms." name="Salutation" value="Ms.">
<label for="ms.">Ms.</label><br>
<label for="First Name">First name:</label>
<input type="text" id="First Name" placeholder="First Name" name="First Name"><br>
<label for="Last Name">Last name:</label>
<input type="text" id="Last name" placeholder="Last Name" name="Last Name"><br>
<label for="MailAddress1">MailAddress1</label>
<input type="text" id="MailAddress1" name="MailAddress1"><br>
<label for="MailAddress2">MailAddress1</label>
<input type="text" id="MailAddress2" name="MailAddress2"><br>
<label for="City">City</label>
<input type="text" id="City" name="City"><br>
<label for="state">State/UT</label>
<select id="state" name="state">
<option value="Select">Select</option>
<option value="andhra_pradesh">Andhra Pradesh</option>
<option value="arunachal_pradesh">Arunachal Pradesh </option>
<option value="assam">Assam</option>
<option value="bihar">Bihar</option>
<option value="chattisgarh">Chattisgarh</option>
<option value="goa">Goa</option>
<option value="gujarat">Gujarat</option>
<option value="haryana">Haryana</option>
<option value="himachal_pradesh">Himachal Pradesh</option>
<option value="jharkhand">Jharkhand</option>
<option value="karnataka">Karnataka</option>
<option value="kerela">Kerala</option>
<option value="madhya_pradesh">Madhya Pradesh</option>
<option value="maharasthra">Maharashtra</option>
<option value="manipur">Manipur</option>
<option value="meghalaya">Meghalaya</option>
<option value="mizoram">Mizoram</option>
<option value="nagaland">Nagaland</option>
<option value="odisha">Odisha</option>
<option value="punjab">Punjab</option>
<option value="rajasthan">Rajasthan</option>
<option value="sikkim">Sikkim</option>
<option value="tamil_nadu">Tamil Nadu</option>
<option value="telangana">Telengana</option>
<option value="tripura">Tripura</option>
<option value="uttarakhand">Uttarakhand</option>
<option value="uttar_pradesh">Uttar Pradesh</option>
<option value="west_bengal">West Bengal</option>
<option value="andaman_nicobar">Andaman & Nicobar Islands</option>
<option value="chandigarh">Chandigarh</option>
<option value="dadranagar_haveli">Dadra & Nagar Haveli and Daman & Diu</option>
<option value="delhi">New Delhi</option>
<option value="jammu_kashmir">Jammu & Kashmir</option>
<option value="ladakh">Ladakh</option>
<option value="lakshadweep">Lakshadweep</option>
<option value="puducherry">Puducherry</option>
</select><br>
<label for="zip">ZIP Code</label>
<input type="number" id="zip" name="zip"><br>
<label for="myfile">Upload Photo</label>
<input type="file" id="myfile" value="myfile"><br>
<label for="email">E-mail</label>
<input type="email" id="email" value=""><br>
<label for="phone">Mobile</label>
<input type="tel" id="phone" name="phone" placeholder="+91 xxxxxxxxxx" value="+91
"><br>
<label for="Languages_known">Languages Known</label>
<input type="checkbox" id="English" name="Languages_known" value="English">
<label for="english"> English</label>
<input type="checkbox" id="Hindi" name="Languages_known" value="Hindi">
<label for="hindi"> Hindi</label>
<input type="checkbox" id="Bengali" name="Languages_known" value="Bengali">
<label for="bengali"> Bengali</label><br>
<label for="additional_information">Additional Information</label><br>
<textarea name="additional_information" rows="5" cols="30"
placeholder="optional"></textarea> <br>
<input type="submit" onclick="alert('Your data has been successfully submitted')"
value="Submit">
<input type="reset" value="Reset">
</form>
</body>
</html>
Output:
