Internet and Web Technologies Lab Assignment 1
Parshva A Maniar
20BDS0058
Q1. Create a page aboutme.html that describes you.
Include information such as:
a) Your name in the top of the page in large text and your address in smaller text.
b) A description of you in <= 2 sentences. Emphasize important word(s) in bold.
c) A list of classes you are taking right now with a simple description of each with
interesting subjects in marvelous colors.
d) Your 3 favorite movies, books, or TV shows, in order. Make at least one link to an
interesting site about that TV show/movie/book.
e) Two images that represent you when you're happy and sad.
f) Describe your skill level in programming languages.
Ans 1.
Code:
<html>
<head>
<title>
About Me
</title>
</head>
<body>
<h1>Parshva Maniar</h1>
<p> Hi, I am <strong>Parshva Maniar</strong> and I reside in <strong>
South Mumbai </strong> and I am pursuing<strong>CSE with Data Science at VIT,
Vellore.</strong> My address is<strong> 12, Jain Bhuvan, 1st Floor, Bhajekar
Street, Mumbai-400004.</strong></p>
<h2>My classes this semester are as follows:</h2>
<ul>
<li style="color:blue;">IWP</li>
<li style="color: aqua;">NetCom</li>
<li style="color: aquamarine;">Java</li>
<li style="color: blueviolet;">Advanced C</li>
</ul>
<br>
<br>
<h3>My favourite movies are:</h3>
<ul>
<li>Titanic</li>
<li><a href="https://youtu.be/TmxYlA26Jr4" target="_blank"> Phir Hera
Pheri</a></li>
<li>De Dena Dhan</li>
</ul>
<h4>My moods:</h4>
<p>Happy:<img src="C:\Users\Parshva
Maniar\Desktop\2b115adb901249d9fd7957de21397905.jpg"alt ="Happy" title="When I Am
happy"></p>
<p>Sad: <img src="C:\Users\Parshva
Maniar\Desktop\32d61e55845f1cb1d78fdcea5eb7f331.jpg" alt='Sad'></p>
<h5>My Programming Skills:</h5>
<ol>
<li>C</li>
<li>C++</li>
<li>Python Basics</li>
<li>Learning Java</li>
</ol>
</body>
</html>
Output:
Q2.
Ans 2.
Code:
<html>
<head>
</head>
<body>
<table border="1">
<tr>
<th>Header column 1</th>
<th>Header column 2</th>
<th>Header column 3</th>
<th>Header column 4</th>
</tr>
<tr>
<td>Row 2 - item 1</td>
<td>Row 2 - item 2</td>
<td rowspan="2">
Row 2: Nested table 1
<br />
<br />
<table>
<tr>
<th>Row Header 1</th>
<th>item</th>
</tr>
<tr>
<th>Row Header 1</th>
<th>item</th>
</tr>
<tr>
<th>Row Header 1</th>
<th>item</th>
</tr>
</table>
</td>
<td>
Row 2 - item 4 <br />
A second line
</td>
</tr>
<tr>
<td>
Row 3: Nested table 2
<br />
<br />
<table>
<tr>
<th>Row Header 1</th>
<th>item</th>
</tr>
<tr>
<th>Row Header 1</th>
<th>item</th>
</tr>
<tr>
<th>Row Header 1</th>
<th>item</th>
</tr>
</table>
</td>
<td>
<ul>
<li>VB.Net</li>
<li>CSharp</li>
<li>Asp.Net</li>
</ul>
</td>
<td rowspan="2"><img class="C" src="C:\Users\Parshva
Maniar\Desktop\Vp9WvV7YKdH4k8sKRePcE8-320-80.jpg" alt="" /></td>
</tr>
<tr>
<td>Row 4 - item 1</td>
<td>Row 4 - item 2</td>
<td>Row 4 - item 3</td>
</tr>
<tr>
<td colspan="4">Row 5 - Last row of outer table</td>
</tr>
</table>
<br />
<br />
</body>
</html>
Output:
Q3.
Ans 3.
Code:
<html>
<head>
<title>Personal Information</title>
</head>
<body>
<form action="" style="background-color: blue;">
<fieldset>
<legend>Personal Information</legend>
First Name<input name="name" type="text" size="20"><br>
Last Name<input name="name" type="text" size="30"><br>
</fieldset>
<fieldset>
<legend>Course Information</legend><br>
Course:<br>
Web Design <input type="radio" name="Course" value="WebDesign"><br>
SQL<input type="radio" name="Course" value="SQL"><br>
Programming<input type="radio" name="Course" value="Programming"><br>
<legend> Goal:</legend><br>
<select name="Goal">
<option selected>Programmer
<option >Gamer
<option> Businessman
</select>
<br>
Skills(Check All That Apply): <br>
UNIX<input type="checkbox" name="UNIX" value="Skills"> VIM <input
type="checkbox" name="VIM" value="Skills"><br>
HTML<input type="checkbox" name="HTML" value="Skills"> CSS<input
type="checkbox" name="CSS" value="Skills"><br>
Python<input type="checkbox" name="Python" value="Skills">
Javascript<input type="checkbox" name="Javascript" value="Skill"><br>
Describe any additional skills you have:<br>
<textarea name="additional skills" rows="5" cols="20">
</textarea>
</fieldset>
</form>
</body>
</html>
Output:
