Scribd
Upload
164 views

Internet and Web Technologies Lab Assignment 1

The document contains answers to an assignment on internet and web technologies. It includes code for an HTML page about the author that provides biographical information and programming skills. It also includes code for an HTML table with nested tables and code for an HTML form to collect personal and course information.

Uploaded by

Parshva Maniar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
164 views

Internet and Web Technologies Lab Assignment 1

The document contains answers to an assignment on internet and web technologies. It includes code for an HTML page about the author that provides biographical information and programming skills. It also includes code for an HTML table with nested tables and code for an HTML form to collect personal and course information.

Uploaded by

Parshva Maniar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

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:

You might also like