HTML Programs

2k13/b02/0314
DELHI TECHNOLOGICAL UNIVERSITY

INFORMATION TECHNOLOGY LAB
IT 110

NAME : VINEET GARG
ROLL NO. : 0314
GROUP : B 02
REGISTRATION NO. : DTU/2K13/B02/0314

2k13/b02/0314
S.No Topic Date Sign
1.
Design a webpage using HTMLs all basic tags
describing yourself

2.
Design a webpage using HTMLs list tag s describing
10 your favorioute sites

3.
Design a webpage using HTMLs table tags showing
your time table

4.
Design a webpage using HTMLs anchor tags to
display menu of restaurants

5.
Design a webpage using frame tag

6.
Design a webpage to show working of HTMLs
image map tag

7.
Design a webpage to show entrance application form
using HTMLs form tag

8.
Design a website of University using all the tags

9.
Design a website using nesting of tags

10.
Design a webpage using CSS: Inline styling

11.
Design a webpage using CSS: Internal styling

12.
Design a webpage using CSS: External styling

13.
Using all styling of CSS, design a webpage

14.

2k13/b02/0314

PROGRAM 1 : DESIGN A WEB PAGE USING HTMLS ALL BASIC
TAGS DESCRIBING YOURSELF
<html>
<title>BIODATA</title>
<body bgcolor="lightblue" text="black">
<h2 align="center"><pre>VINEET GARG
G-6/30 SEC-16 ROHINI DELHI-89
DATE OF BIRTH: 15/12/1994
CONTACT NO.: 9654851234</pre></h2>
<p><pre><h2>EDUCATIONAL QUALIFICATIONS:</h2>

1) SCORED CGPA 9.8 IN CLASS X CBSE BOARD
2) SCORED 94.4% IN CLASS XII CBSE BOARD IN SCIENCE STREAM AND WAS THE
SCHOOL TOPPER OF SHAH INTERNATIONAL SCHOOL
3) AT PRESENT DOING B.TECH IN COMPUTER ENGENEERING FROM DELHI
TECHNOLOGICAL UNIVERSITY</pre></p>
<p><pre><h2>PERSONAL ATTRIBUTES:</h2>

HEIGHT: 5 FEET 6 INCHES
WEIGHT: 65 Kg</pre></p>
<p><pre><h2>HOBBIES:</h2>
1) READIND NOVELS
2) PLAYING CRICKET
</pre></p>
</body>
</html>

2k13/b02/0314

2k13/b02/0314
PROGRAM 2: DESCRIBE A WEB PAGE USING HTMLS LIST TAGS
DESCRIBING YOUR TEN FAVOURITE SITES
<html>
<head> <title>Favourite sites</title> </head>

<body bgcolor="white">
<h1 align="center"><font face="BankGothic Lt BT" color ="Black" > <u><strong>FAVOURITE
SITES</strong></u></font></h1>
<ul type="#">
<li><font face="comic sans ms" color="grey" ><img src="google.jpg" width="3%" height="3%">
<u>GOOGLE</u> </font><img src="google.jpg" width="3%" height="3%"></u></font></li>
<ul>
<li>Google is a popular search engine founded by Larry Page and Sergey Brin.</li>
</ul>
<br />
<li><font face="comic sans ms" color="grey" ><img src="wiki.png" width="3%" height="3%">
<u>WIKIPEDIA</u> </font> <img src="wiki.png" width="3%" height="3%"></u></li>
<ul>
<li>Wikipedia is a free encyclopedia founded by Jimmy Wales and Larry Sanger.</li>
</ul>
<br />
<li><font face="comic sans ms" color="grey" ><img src="fb.jpg" width="3%" height="3%">
<u>FACEBOOK </u> </font><img src="fb.jpg" width="3%" height="3%"></u></li>
<ul>
<li>Facebook is an online social networking service founded by Mark Zuckerberg.</li>
</ul>
<br />
<li><font face="comic sans ms" color="grey" ><img src="Gmail-Icon.png" width="3%"
height="3%"> <u>GMAIL</u> </font><img src="Gmail-Icon.png" width="3%" height="3%"></u></li>
<ul>
<li>Gmail is a free, advertising-supported email service provided by Google.</li>
</ul>
<br />
<li><font face="comic sans ms" color="grey" ><img src="yaoo.png" width="3%" height="3%">
<u>YAHOO</u> </font><img src="yaoo.png" width="3%" height="3%"></li>
<ul>
<li>Yahoo! Inc. is an American multinational Internet corporation headquartered in Sunnyvale,
California founded by Jerry Yang and David Filo.</li>
</ul>
<br />
<li><font face="comic sans ms" color="grey" ><img src="codechef.jpg" width="3%" height="3%">
<u>CODECHEF</u> </font><img src="codechef.jpg" width="3%" height="3%"></li>
<ul>
2k13/b02/0314
<li>CodeChef is a global programming community that host contests, trainings and events for
programmers around the world.</li>
</ul>
<br />
<li><font face="comic sans ms" color="grey" ><img src="spoj.jpg" width="3%" height="3%">
<u>SPOJ</u> </font><img src="spoj.jpg" width="3%" height="3%"></li>
<ul>
<li>SPOJ (Sphere Online Judge) is an online judge system with over 100,000 registered users
and over 10000 problems.</li>
</ul>
<br />
<li ><font face="comic sans ms" color="grey" ><img src="mini.jpg" width="3%" height="3%" >
<u>MINICLIP</u> </font><img src="mini.jpg" width="3%" height="3%" ></li>
<ul>
<li>Miniclip is a online games company which was launched in 2001 and is known for having a
large and varied collection of games.</li>
</ul>
<br />
<li><font face="comic sans ms" color="grey" ><img src="Sticksports_logo.png" width="3%"
height="3%"> <u>STICKSPORTS</u> </font><img src="Sticksports_logo.png" width="3%"
height="3%"></li>
<ul>
<li>Stick Sports is an Adobe Flash sports gaming website launched in 2006.</li>
</ul>
<br />
<li><font face="comic sans ms" color="grey" ><img src="w3schools.jpg" width="3%"
height="3%"> <u>W3SCHOOLS</u> </font> <img src="w3schools.jpg" width="3%"
height="3%"></li>
<ul>
<li>W3Schools is a web developer information website, with tutorials and references relating to
web development topics such as HTML, CSS, JavaScript, PHP, SQL, and JQuery.</li>
</ul>

</ul>
</body>
</html>

2k13/b02/0314

2k13/b02/0314
PROGRAM 3: DESIGN A WEB PAGE USING HTMLS TALE TAGS SHOWING YOUR
TIME TABLE

<html>
<head>
<title>Time Table</title>
</head>

<body>
<table width="90%" border="3" align="center" cellpadding="2" bordercolor="black" cellspacing="2">
<caption align="center">DELHI TECHNOLOGICAL UNIVERSITY<br>CENTRAL TIME TABLE<br
/>SEMESTER II (w.e.f.JAN 6th,2014)</caption>
<caption align="left">GROUP B2</caption>
<caption align="right">ROOM NO TW1-GF2<br>*IT-106 Classes will be held in Exposition
Hall</caption>
<tr>
<th scope="col"> </th>
<th scope="col">9-10</th>
</tr>
<tr>
<td><div align="center">MON</div></td>
<td><div align="center">X</div></td>
<td colspan="2"><div align="center">AP 117</div></td>
<td rowspan="5"><div align="center">
<p>L<br/>U<br/>N<br/>C<br/>H<br/></p>

</div></td>
<td><div align="center">IT 106*</div></td>
<td><div align="center">AM 111</div></td>
<td><div align="center">AP113</div></td>
</tr>
<tr>
<td><div align="center">TUE</div></td>
<td colspan="2"><div align="center">EE 109</div></td>
<td><div align="center">AP 113</div></td>
2k13/b02/0314
<td><div align="center">AP 113(T)</div></td>
<td><div align="center">EE 105</div></td>
<td><div align="center">AC 104</div></td>
<td><div align="center">AC 104(T)</div></td>
</tr>
<tr>
<td><div align="center">WED</div></td>
<td><div align="center">EE 105(T)</div></td>
<td><div align="center">HU 102</div></td>
<td colspan="2"><div align="center">IT 110</div></td>
</tr>
<tr>
<td><div align="center">THU</div></td>
<td><div align="center">IT 106*</div></td>
<td><div align="center">IT 106* (T)</div></td>
<td><div align="center">AP 113</div></td>
<td><div align="center">HU 102</div></td>
<td><div align="center">HU 102(T)</div></td>
</tr>
<tr>
<td><div align="center">FRI</div></td>
<td><div align="center">AM 111 (T)</div></td>
<td colspan="2"><div align="center">AC 108</div></td>
</tr>
</table>
<p> </p>
<table width="50%" border="3" align="left" cellpadding="2" bordercolor="black" cellspacing="2">
<tr>
<td>AM-111</td>
<td>MATHEMATICS II</td>
</tr>
<tr>
<td>HU-102</td>
<td>COMMUNICATION SKILLS</td>
</tr>
2k13/b02/0314
<tr>
<td>AP-113</td>
<td>APPLIED PHYSICS II</td>
</tr>
<tr>
<td>AC-104</td>
<td>APPLIED CHEMISTRY</td>
</tr>
<tr>
<td>EE-105</td>
<td>ELECTRICAL SCIENCE</td>
</tr>
<tr>
<td>IT-106</td>
<td>FUNDAMENTALS OF INFORMATION TECHNOLOGY</td>
</tr>
<tr>
<td>AP-117</td>
<td>APPLIED PHYSICS LAB</td>
</tr>
<td>IT-110</td>
<td>INFORMATION TECHNOLOGY LAB</td>
</tr>
<tr>
<td>EE-109</td>
<td>ELECTRICAL SCIENCE LAB</td>
</tr
<tr>
<td>AC-108</td>
<td>APPLIED CHEMISTRY LAB</td>
</tr>
</table>

</body>
</html>

2k13/b02/0314

2k13/b02/0314
PROGRAM 5: DESIGN A WEB PAGE TO SHOW THE WORKING OF HTMLS
IMAGE MAP TAG
<html>
<head>
<title>Image map</title>
</head>

<body>
<h1 align="center">Click on planets for more details.
</h1>
<p align="center"><img src="IMG_20140205_161154.jpg" width="80%" border="0"
usemap="#Planets" />
<map name="Planets" id="Map">
<area shape="circle" coords="143,30,17" href="http://en.wikipedia.org/wiki/Mercury_(planet)"
alt="Mercury" />
area shapecircle coords hrefenwikipediaorgwikienus " />
<area shape="circle" coords="243,68,28" href="http://en.wikipedia.org/wiki/Earth" alt="Earth" />
<area shape="circle" coords="275,26,11" href="http://en.wikipedia.org/wiki/Moon" alt="Moon" />
<area shape="circle" coords="298,91,27" href="http://en.wikipedia.org/wiki/Mars" alt="Mars" />
<area shape="circle" coords="401,137,74" href="http://en.wikipedia.org/wiki/Jupiter" alt="Jupiter" />
<area shape="circle" coords="524,246,53" href="http://en.wikipedia.org/wiki/Saturn" alt="saturn" />
<area shape="circle" coords="632,334,30" href="http://en.wikipedia.org/wiki/Uranus" alt="Uranus"
/>

<area shape="poly" coords="7,5" href="#" />
<area shape="poly" coords="0,0,51,0,95,-2,98,26,90,54,68,80,37,92,0,88"
href="http://en.wikipedia.org/wiki/Sun" alt="Sun" />
<area shape="poly" coords="778,372,746,362,717,372,711,394,713,409,735,426,776,426"
href="http://en.wikipedia.org/wiki/Neptune" alt="Neptune">
</map>
</p>
</body>
</html>

2k13/b02/0314

2k13/b02/0314

2k13/b02/0314
When clicked on Jupiter:

HTML Programs

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

HTML Programs

Hochgeladen von

Copyright:

Verfügbare Formate

2k13/b02/0314

DELHI TECHNOLOGICAL UNIVERSITY

Das könnte Ihnen auch gefallen