Scribd
Upload
1 views8 pages

HTML Assignment 1

This document is an HTML assignment by Md Al Hussain Ansari, a first-year B.Tech (CSE) student at Swami Vivekananda University. It includes various sections demonstrating HTML coding skills, such as a specification table, text formatting tags, lists and links, and forms. Each section contains code examples and outputs showcasing the student's understanding of HTML structure and elements.

Uploaded by

Ali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
1 views8 pages

HTML Assignment 1

This document is an HTML assignment by Md Al Hussain Ansari, a first-year B.Tech (CSE) student at Swami Vivekananda University. It includes various sections demonstrating HTML coding skills, such as a specification table, text formatting tags, lists and links, and forms. Each section contains code examples and outputs showcasing the student's understanding of HTML structure and elements.

Uploaded by

Ali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

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>&lt;B&gt; </td>
<td><b>Bold</b></td>
</tr>
<tr>
<td>&lt;I&gt;</td>
<td><i>Italic</i></td>
</tr>
<tr>
<td>&lt;U&gt;</td>
<td><u>Underline</u></td>
</tr>
<tr>
<td>&lt;EM&gt;</td>
<td><em>Emphasise</em></td>
</tr>
<tr>
<td>&lt;STRONG&gt;</td>
<td><strong>STRONG</strong></td>
</tr>
<tr>
<td>&lt;TELETYPE&gt;</td>
<td><teletype>TELETYPE</teletype></td>
</tr>
<tr>
<td>&lt;CITE&gt;</td>
<td><cite>Citation</cite></td>
</tr>
<tr>
<td>&lt;STRIKE&gt;</td>
<td><strike>strike through text</strike></td>
</tr>
<tr>
<td>&lt;BIG&gt;</td>
<td><big>text in a big font</big></td>
</tr>
<tr>
<td>&lt;SMALL&gt;</td>
<td><small>text in a small font</small></td>
</tr>
<tr>
<td>&lt;SUB&gt;</td>
<td>a<sub>b</sub></td>
</tr>
<tr>
<td>&lt;SUP&gt;</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:

You might also like