ch-2 html tags , elements and structure
1.<html>
<title>wap institute
</title>
<body>
welcome to my first webpage
</body>
</html>
ch-3 html versions , elements and structure
1.<html>
<head><title>
wap institute
</title>
</head>
<body>
welcome to my first webpage
</body>
</html>
2.<html>
<head>
<title>
wap institute
</title>
</head>
<body>
<center>
welcome to my first webpage
</center>
</body>
</html>
3.<html>
<head>
<title>
wap institute
</title>
</head>
<body>
<b>
<center>
welcome to my first webpage
</center>
</b>
</body>
</html>
4.<html>
<head>
<title>
wap institute
</title>
</head>
<body>
<center>
welcome <b>to</b> my <b>first</b> webpage
</center>
</body>
</html>
ch-4 html doctype declarations and typography tags
1.<!DOCTYPE html>
<html>
<head>
<title>
wap institute
</title>
</head>
<body>
<h1>welcome to my first webpage</h1>
<h2>welcome to my first webpage</h2>
<h3>welcome to my first webpage</h3>
<h4>welcome to my first webpage</h4>
<h5>welcome to my first webpage</h5>
<h6>welcome to my first webpage</h6>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
wap institute
</title>
</head>
<body>
<marquee>
<center>
<h1>
welcome to my first webpage
</h1>
</center>
</marquee>
<center>
<p>
wap stands for windows applications and programming institute
</p>
</center>
</body>
</html>
<head>
<title>
home
</title>
</head>
<body>
<hr>
<center>
<h1>
<marquee>
wap institute
</marquee>
</h1>
</center>
<hr>
<pre>
wap stands for windows applications
and programming institute
</pre>
<p>
<b><i>wap institute provides <i>international</i> qualities of<br>
educations like : soft<u>ware</u>s engineering , web development
<br>and robotics engineering.</i></b>
</p>
<b>bold</b>
<br><i>italic</i>
<br><u>underline</u>
</body>
</html>
<head>
<title>
home
</title>
</head>
<body>
<b>wap institute is bold</b>
<br>
<i>wap institute is italic</i>
<br>
<u>wap institute is underline</u>
<br>
<em>wap institute is empasized</em>
<br>
<strong>wap institute is strong</strong>
<br>
<small>wap institute is small</small>
<br>
<mark>wap institute is mark</mark>
<br>
a<sup>2</sup>+b<sup>2</sup>
<br>
a<sub>2</sub>+b<sub>2</sub>
</body>
</html>
<html>
<head>
<title>
home
</title>
</head>
<body background="a.jpg" text="yellow">
<h1>welcome to wap institute</h1>
<h2>welcome to wap institute</h2>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
home
</title>
</head>
<body bgcolor="red" text="yellow">
<h1>welcome to wap institute</h1>
<h2>welcome to wap institute</h2>
</body>
</html>
3.<!DOCTYPE html>
<html>
<head>
<title>
home
</title>
</head>
<body>
<h1 align="center" title="hello wap">welcome to wap institute</h1>
<h2>welcome to wap institute</h2>
<hr color="red" width="1000" align="right" size="5">
<marquee direction="down" scrollamount="100" bgcolor="yellow">
<h1>welcome to the premium class of wap institute</h1>
</marquee>
</body>
</html>
<html>
<head>
<title>
home
</title>
</head>
<body background="a.jpg">
<h1>
<font color="red" size="20" face="scream real">
welcome
</font>
</h1>
<h2>
<pre>
<font color="blue" size="7" face="sans-serif">to</font></pre>
</h2>
<br>
<h1>
<pre>
<font color="yellow" size="20" face="scream real">
.com
</font>
</pre>
</h1>
</body>
</html>
<html>
<head>
<title>
home
</title>
</head>
<body>
<h1>
<font color="deeppink" face="century gothic" size="10">
Download</font><font face="century gothic" size="10">wap.com</font>
</h1>
<hr width="50%" align="left">
<font color="red" face="calibri" size="5">1.Mai tera hero</font> <font face="calibri" size="4"><a href="wap.mp3" download="download">Download now</a></font> <font face="calibri" size="4"><a href="wap.mp3">Play online</a></font>
<hr width="50%" align="left">
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
home
</title>
</head>
<body background="images/a.jpg">
<h1 align="right">
<font color="red" face="century gothic" size="14">
wap</font><font face="century gothic" size="14">students.com</font></h1>
<div align="right">
<img src="images/b.png" alt="b">
<a href="images.html"><img src="images/c.png" alt="c"></a>
<img src="images/d.png" alt="d">
<img src="images/e.png" alt="e">
<img src="images/f.png" alt="f">
</div>
<br>
<h1>
<font face="century gothic" size="20" color="blue">
<marquee behavior="alternate" scrollamount="1" bgcolor="white">
welcome to the online multimedia collected website
</marquee>
</font>
</h1>
<fieldset>
<legend><font face="century gothic" size="5"><b>latest images</b></font></legend>
<center>
<a href="preview/a.jpg"><img src="latest images/a.jpg" alt="a" width="180" height="170"></a>
<img src="latest images/b.jpg" alt="b" width="180" height="170">
<img src="latest images/c.jpg" alt="c" width="180" height="170">
<img src="latest images/d.jpg" alt="d" width="180" height="170">
<img src="latest images/e.jpg" alt="e" width="180" height="170">
<img src="latest images/f.jpg" alt="f" width="180" height="170">
</center>
</fieldset>
<br><br>
<fieldset>
<legend><font face="century gothic" size="5"><b>latest movies</b></font></legend>
<marquee direction="up" bgcolor="white">
<a href="latest movies/a.mp4" download="download"><img src="latest images/a.jpg" alt="a" width="180" height="190"></a>
<img src="posters/b.jpg" width="180" height="190" alt="b" width="180" height="190">
<img src="posters/c.jpg" width="180" height="190" alt="c" width="180" height="190">
<img src="posters/d.jpg" width="180" height="190" alt="d" width="180" height="190">
<img src="posters/e.jpg" width="180" height="190" alt="e" width="180" height="190">
<img src="posters/f.jpg" width="180" height="190" alt="f" width="180" height="190">
</marquee>
<marquee direction="down" bgcolor="white">
<img src="posters/b.jpg" width="180" height="190" alt="b" width="180" height="190">
<img src="posters/c.jpg" width="180" height="190" alt="c" width="180" height="190">
<img src="posters/d.jpg" width="180" height="190" alt="d" width="180" height="190">
<img src="posters/e.jpg" width="180" height="190" alt="e" width="180" height="190">
<img src="posters/f.jpg" width="180" height="190" alt="f" width="180" height="190">
</marquee>
</fieldset>
<br><br>
<fieldset>
<legend><font face="century gothic" size="5"><b>latest audios</b></font></legend>
<font color="red" face="calibri" size="4">1.Mai tera hero</font>
<a href="latest song/wap.mp3" download="download"><button><font face="calibri" size="4">Download now</font></button></a>
<a href="latest song/wap.mp3"><button><font face="calibri" size="4">Play online</font></button></a>
<hr width="50%" align="left">
<br><br>
<font color="red" face="calibri" size="4">1.Mai tera hero</font>
<a href="latest song/wap.mp3" download="download"><button><font face="calibri" size="4">Download now</font></button></a>
<a href="latest song/wap.mp3"><button><font face="calibri" size="4">Play online</font></button></a>
<hr width="50%" align="left">
</fieldset>
<h2 align="center">Developed by : wap institute</h2>
</body>
</html>
1.<!DOCTYPE html>
<html>
<head>
<title>
images
</title>
</head>
<body background="images/a.jpg">
<h1 align="right">
<font color="red" face="century gothic" size="14">
wap</font><font face="century gothic" size="14">students.com</font></h1>
<div align="right">
<img src="images/b.png" alt="b">
<img src="images/c.png" alt="c">
<img src="images/d.png" alt="d">
<img src="images/e.png" alt="e">
<img src="images/f.png" alt="f">
</div>
<img src="images/g.png" alt="g">
<img src="images/h.png" alt="h">
<h2 align="center"><font color="red" face="century gothic">Deploped By : Wap institute</font></h2>
</body>
</html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<audio src="audio/wap.mp3" controls="controls"></audio>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<audio src="audio/wap.mp3" autoplay="autoplay"></audio>
</body>
</html>
3.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<audio src="audio/wap.mp3" controls="controls" autoplay="autoplay"></audio>
</body>
</html>
4.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
1.my wap song<br>
<audio src="audio/wap.mp3" controls="controls"></audio>
<button>Download now</button>
</body>
</html>
5.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<video src="vedio/wap.mp4" controls="controls" width="720" height="480" muted="muted"></video>
</body>
</html>
6.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<embed src="pdf/a.pdf" width="480" height="480">
<embed src="pdf/b.pdf" width="480" height="480">
</body>
</html>
7.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<object data="pdf/a.pdf" width="480" height="480"></object>
</body>
</html>
8.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<object data="video/a.mp4" width="480" height="480"></object>
</body>
</html>
9.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<object data="word/a.docx" width="480" height="480"></object>
</body>
</html>
1.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body>
<ul>
html
css
bootstrap
php
my sql
</ul>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ul type="circle">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ul>
</body>
</html>
3.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ul type="square">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ul>
</body>
</html>
4.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ul type="disk">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ul>
</body>
</html>
5. <!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ol>
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ol>
</body>
</html>
6.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ol type="a">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ol>
</body>
</html>
7.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ol type="A">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ol>
</body>
</html>
8.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ol type="i">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ol>
</body>
</html>
9.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ol type="I">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ol>
</body>
</html>
10.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ol start="a">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ol>
</body>
</html>
11.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ol start="5">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ol>
</body>
</html>
<html>
<head>
<title>
wap institute
</title>
</head>
<body>
<h1>welcome to my first webpage</h1>
<h2>welcome to my first webpage</h2>
<h3>welcome to my first webpage</h3>
<h4>welcome to my first webpage</h4>
<h5>welcome to my first webpage</h5>
<h6>welcome to my first webpage</h6>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
wap institute
</title>
</head>
<body>
<marquee>
<center>
<h1>
welcome to my first webpage
</h1>
</center>
</marquee>
<center>
<p>
wap stands for windows applications and programming institute
</p>
</center>
</body>
</html>
ch-5 html document formating and preformating
1.<!DOCTYPE html>
<html><head>
<title>
home
</title>
</head>
<body>
<hr>
<center>
<h1>
<marquee>
wap institute
</marquee>
</h1>
</center>
<hr>
<pre>
wap stands for windows applications
and programming institute
</pre>
<p>
<b><i>wap institute provides <i>international</i> qualities of<br>
educations like : soft<u>ware</u>s engineering , web development
<br>and robotics engineering.</i></b>
</p>
<b>bold</b>
<br><i>italic</i>
<br><u>underline</u>
</body>
</html>
ch-6 html formatting tags
1.<!DOCTYPE html>
<html><head>
<title>
home
</title>
</head>
<body>
<b>wap institute is bold</b>
<br>
<i>wap institute is italic</i>
<br>
<u>wap institute is underline</u>
<br>
<em>wap institute is empasized</em>
<br>
<strong>wap institute is strong</strong>
<br>
<small>wap institute is small</small>
<br>
<mark>wap institute is mark</mark>
<br>
a<sup>2</sup>+b<sup>2</sup>
<br>
a<sub>2</sub>+b<sub>2</sub>
</body>
</html>
ch-7 html attributes
1.<!DOCTYPE html><html>
<head>
<title>
home
</title>
</head>
<body background="a.jpg" text="yellow">
<h1>welcome to wap institute</h1>
<h2>welcome to wap institute</h2>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
home
</title>
</head>
<body bgcolor="red" text="yellow">
<h1>welcome to wap institute</h1>
<h2>welcome to wap institute</h2>
</body>
</html>
3.<!DOCTYPE html>
<html>
<head>
<title>
home
</title>
</head>
<body>
<h1 align="center" title="hello wap">welcome to wap institute</h1>
<h2>welcome to wap institute</h2>
<hr color="red" width="1000" align="right" size="5">
<marquee direction="down" scrollamount="100" bgcolor="yellow">
<h1>welcome to the premium class of wap institute</h1>
</marquee>
</body>
</html>
ch-8 html graphics coding and editing with photoshop
1.<!DOCTYPE html><html>
<head>
<title>
home
</title>
</head>
<body background="a.jpg">
<h1>
<font color="red" size="20" face="scream real">
welcome
</font>
</h1>
<h2>
<pre>
<font color="blue" size="7" face="sans-serif">to</font></pre>
</h2>
<br>
<h1>
<pre>
<font color="yellow" size="20" face="scream real">
.com
</font>
</pre>
</h1>
</body>
</html>
ch-9 html img , font and graphics editing with photoshop,2,3,4
1.<!DOCTYPE html><html>
<head>
<title>
home
</title>
</head>
<body>
<h1>
<font color="deeppink" face="century gothic" size="10">
Download</font><font face="century gothic" size="10">wap.com</font>
</h1>
<hr width="50%" align="left">
<font color="red" face="calibri" size="5">1.Mai tera hero</font> <font face="calibri" size="4"><a href="wap.mp3" download="download">Download now</a></font> <font face="calibri" size="4"><a href="wap.mp3">Play online</a></font>
<hr width="50%" align="left">
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
home
</title>
</head>
<body background="images/a.jpg">
<h1 align="right">
<font color="red" face="century gothic" size="14">
wap</font><font face="century gothic" size="14">students.com</font></h1>
<div align="right">
<img src="images/b.png" alt="b">
<a href="images.html"><img src="images/c.png" alt="c"></a>
<img src="images/d.png" alt="d">
<img src="images/e.png" alt="e">
<img src="images/f.png" alt="f">
</div>
<br>
<h1>
<font face="century gothic" size="20" color="blue">
<marquee behavior="alternate" scrollamount="1" bgcolor="white">
welcome to the online multimedia collected website
</marquee>
</font>
</h1>
<fieldset>
<legend><font face="century gothic" size="5"><b>latest images</b></font></legend>
<center>
<a href="preview/a.jpg"><img src="latest images/a.jpg" alt="a" width="180" height="170"></a>
<img src="latest images/b.jpg" alt="b" width="180" height="170">
<img src="latest images/c.jpg" alt="c" width="180" height="170">
<img src="latest images/d.jpg" alt="d" width="180" height="170">
<img src="latest images/e.jpg" alt="e" width="180" height="170">
<img src="latest images/f.jpg" alt="f" width="180" height="170">
</center>
</fieldset>
<br><br>
<fieldset>
<legend><font face="century gothic" size="5"><b>latest movies</b></font></legend>
<marquee direction="up" bgcolor="white">
<a href="latest movies/a.mp4" download="download"><img src="latest images/a.jpg" alt="a" width="180" height="190"></a>
<img src="posters/b.jpg" width="180" height="190" alt="b" width="180" height="190">
<img src="posters/c.jpg" width="180" height="190" alt="c" width="180" height="190">
<img src="posters/d.jpg" width="180" height="190" alt="d" width="180" height="190">
<img src="posters/e.jpg" width="180" height="190" alt="e" width="180" height="190">
<img src="posters/f.jpg" width="180" height="190" alt="f" width="180" height="190">
</marquee>
<marquee direction="down" bgcolor="white">
<img src="posters/b.jpg" width="180" height="190" alt="b" width="180" height="190">
<img src="posters/c.jpg" width="180" height="190" alt="c" width="180" height="190">
<img src="posters/d.jpg" width="180" height="190" alt="d" width="180" height="190">
<img src="posters/e.jpg" width="180" height="190" alt="e" width="180" height="190">
<img src="posters/f.jpg" width="180" height="190" alt="f" width="180" height="190">
</marquee>
</fieldset>
<br><br>
<fieldset>
<legend><font face="century gothic" size="5"><b>latest audios</b></font></legend>
<font color="red" face="calibri" size="4">1.Mai tera hero</font>
<a href="latest song/wap.mp3" download="download"><button><font face="calibri" size="4">Download now</font></button></a>
<a href="latest song/wap.mp3"><button><font face="calibri" size="4">Play online</font></button></a>
<hr width="50%" align="left">
<br><br>
<font color="red" face="calibri" size="4">1.Mai tera hero</font>
<a href="latest song/wap.mp3" download="download"><button><font face="calibri" size="4">Download now</font></button></a>
<a href="latest song/wap.mp3"><button><font face="calibri" size="4">Play online</font></button></a>
<hr width="50%" align="left">
</fieldset>
<h2 align="center">Developed by : wap institute</h2>
</body>
</html>
ch-11 html subpage creation with photoshop creativity,ch-12 html motion graphics with photoshop animation
1.<!DOCTYPE html>
<html>
<head>
<title>
images
</title>
</head>
<body background="images/a.jpg">
<h1 align="right">
<font color="red" face="century gothic" size="14">
wap</font><font face="century gothic" size="14">students.com</font></h1>
<div align="right">
<img src="images/b.png" alt="b">
<img src="images/c.png" alt="c">
<img src="images/d.png" alt="d">
<img src="images/e.png" alt="e">
<img src="images/f.png" alt="f">
</div>
<img src="images/g.png" alt="g">
<img src="images/h.png" alt="h">
<h2 align="center"><font color="red" face="century gothic">Deploped By : Wap institute</font></h2>
</body>
</html>
ch-18 html advanced multimedia with plug-ins
1.<!DOCTYPE html><html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<audio src="audio/wap.mp3" controls="controls"></audio>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<audio src="audio/wap.mp3" autoplay="autoplay"></audio>
</body>
</html>
3.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<audio src="audio/wap.mp3" controls="controls" autoplay="autoplay"></audio>
</body>
</html>
4.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
1.my wap song<br>
<audio src="audio/wap.mp3" controls="controls"></audio>
<button>Download now</button>
</body>
</html>
5.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<video src="vedio/wap.mp4" controls="controls" width="720" height="480" muted="muted"></video>
</body>
</html>
6.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<embed src="pdf/a.pdf" width="480" height="480">
<embed src="pdf/b.pdf" width="480" height="480">
</body>
</html>
7.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<object data="pdf/a.pdf" width="480" height="480"></object>
</body>
</html>
8.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<object data="video/a.mp4" width="480" height="480"></object>
</body>
</html>
9.<!DOCTYPE html>
<html>
<head>
<title>
multimedia with plugins
</title>
</head>
<body bgcolor="lightgrey">
<h1 align="center">multimediaproject.com</h1>
<object data="word/a.docx" width="480" height="480"></object>
</body>
</html>
ch-19 html lists
1.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body>
<ul>
html
css
bootstrap
php
my sql
</ul>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ul type="circle">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ul>
</body>
</html>
3.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ul type="square">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ul>
</body>
</html>
4.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ul type="disk">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ul>
</body>
</html>
5. <!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ol>
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ol>
</body>
</html>
6.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ol type="a">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ol>
</body>
</html>
7.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ol type="A">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ol>
</body>
</html>
8.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ol type="i">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ol>
</body>
</html>
9.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ol type="I">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ol>
</body>
</html>
10.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ol start="a">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ol>
</body>
</html>
11.<!DOCTYPE html>
<html>
<head>
<title>
html lists
</title>
</head>
<body bgcolor="pink">
<h1 align="center">my html list</h1>
<hr color="black">
<ol start="5">
<li>html</li>
<li>css</li>
<li>bootstrap</li>
<li>php</li>
<li>my sql</li>
</ol>
</body>
</html>
ch-23 html tables
1.<!DOCTYPE html>
<html>
<head>
<title>
html tables
</title>
</head>
<body>
<table width="500" height="200" border="1">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
html tables
</title>
</head>
<body>
<table width="80" height="240" border="1" bordercolor="red" bgcolor="green">
<tr>
<td><center>1</center></td>
</tr>
<tr>
<td><center>2</center></td>
</tr>
<tr>
<td><center>3</center></td>
</tr>
</table>
</body>
</html>
3.<!DOCTYPE html>
<html>
<head>
<title>
html tables
</title>
</head>
<body>
<table width="80" height="240" border="1" bordercolor="red" cellspacing="5">
<tr>
<td><center>1</center></td>
</tr>
<tr>
<td><center>2</center></td>
</tr>
<tr>
<td><center>3</center></td>
</tr>
</table>
</body>
</html>
4.<!DOCTYPE html>
<html>
<head>
<title>
html tables
</title>
</head>
<body>
<table width="1000" height="50" align="center">
<tr>
<td bgcolor="deeppink"><center><font color="white" face="sans-serif">home</font></center></td>
<td bgcolor="deeppink"><center><font color="white" face="sans-serif">image</font></center></td>
<td bgcolor="deeppink"><center><font color="white" face="sans-serif">video</font></center></td>
<td bgcolor="deeppink"><center><font color="white" face="sans-serif">movie</font></center></td>
<td bgcolor="deeppink"><center><font color="white" face="sans-serif">about</font></center></td>
</tr>
</table>
</body>
</html>
ch-24 html table first project part 1
<html>
<head>
<title>
html tables
</title>
</head>
<body bgcolor="#D6D5D5">
<table width="1200" height="300" align="center">
<tr>
<td height="50" bgcolor="#0078FF" align="right">
<font color="white" face="century-gothic">
venue : bihar , benguluru , chennai , hydrabad , noida
</font>
</td>
</tr>
<tr>
<td bgcolor="white" height="200" background="image/a.jpg"></td>
</tr>
<tr>
<td height="50" bgcolor="#0078FF">
<table width="1200" height="45">
<tr>
<td bgcolor="white" width="20%">
<font color="red" face="verdana"><center>home</center></font>
</td>
<td bgcolor="white" width="20%">
<font color="red" face="verdana"><center>admission</center></font>
</td>
<td bgcolor="white" width="20%">
<font color="red" face="verdana"><center>result</center></font>
</td>
<td bgcolor="white" width="20%">
<font color="red" face="verdana"><center>download</center></font>
</td>
<td bgcolor="white" width="20%">
<font color="red" face="verdana"><center>course</center></font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
ch-24 html first table project part 4,5,ch-26 html form design
1.<!DOCTYPE html><html>
<head>
<title>
html first table project
</title>
</head>
<body background="images/a.jpg">
<table width="1024" height="768" bordercolor="white" align="center">
<tr>
<td height="180" width="150">
<img src="images/b.png" width="40" height="40" alt="a">
<img src="images/c.png" width="40" height="40" alt="b">
<img src="images/d.png" width="40" height="40" alt="c">
<br><br><br><br><br><br>
</td>
<td height="180">
<center>
<img src="images/e.jpg" alt="e">
<br>
<img src="images/f.jpg" alt="f">
<br>
<img src="images/g.jpg" alt="g">
</center>
</td>
<td height="180" align="right" width="270">
<address>
<font color="white">4 jiyala roy road,bengaluru,karnatka<br>
call:9097406673</font>
</address>
<br><br><br><br><br><br>
</td>
</tr>
<tr>
<td colspan="3" height="40" bgcolor="white">
<table width="100%" height="40">
<tr>
<td>
<form>
<input type="search" name="search" size="40" placeholder="search flower here">
<input type="submit" value="search">
</form>
</td>
<td></td>
<td width="100"><center><font face="sans-serif">home</font></center></td>
<td width="100"><center><font face="sans-serif">shop</font></center></td>
<td width="100"><center><font face="sans-serif">contact</font></center></td>
<td width="100"><center><font face="sans-serif">about</font></center></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" height="508" bgcolor="white">
<table width="100%" height="508" >
<tr>
<td width="640" background="images/h.jpg" alt="h"></td>
<td bgcolor="black">
<form>
<table width="100%" height="450">
<tr>
<td colspan="2" align="right">
<font face="sans-serif" color="white" size="3">shop online flowers</font></td>
</tr>
<tr>
<td align="right" width="165"><font face="sans-serif" color="white">your name :</font></td>
<td>
<input type="text" name="your name" placeholder="type your name here" size="20">
</td>
</tr>
<tr>
<td align="right" width="165"><font face="sans-serif" color="white">flower name :</font></td>
<td>
<input type="text" name="flower name" size="20" placeholder="type flower name here">
</td>
</tr>
<tr>
<td align="right" width="165"><font face="sans-serif" color="white">quantity :</font></td>
<td>
<input type="number" name="quantity" size="20" placeholder="ex-1">
</td>
</tr>
<tr>
<td align="right" width="165"><font face="sans-serif" color="white">mobile no :</font></td>
<td>
<input type="number" name="mobile no" size="20" placeholder="type your mobile no">
</td>
</tr>
<tr>
<td colspan="2" align="center">
<textarea rows="5" cols="45">address</textarea>
</td>
</tr>
<tr>
<td colspan="2" align="right">
<input type="submit" value="submit now">
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</td>
</tr>
<tr>
<td colspan="3" height="40">
<table width="100%" height="40" >
<tr>
<td><address><font color="white">4 jiyalal roy road,bengaluru,karnatka</font></address></td>
<td align="right"><address><font color="white">Develop by:wap institute</font></address></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
ch-25 html form
1.<!DOCTYPE html>
<html>
<head>
<title>
html form
</title>
</head>
<body>
<form>
username<br>
<input type="text" name="username">
<br><br>
mobile no<br>
<input type="number" name="mobile no">
</form>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
html form
</title>
</head>
<body>
<fieldset>
<legend><font face="sans-serif"><b>online admission form</b></font></legend>
<form>
<font face="sans-serif">firstname</font>
<br>
<input type="text" name="firstname">
<br><br>
<font face="sans-serif">lastname</font><br>
<input type="text" name="lastname">
<br><br>
<font face="sans-serif">father's name</font><br>
<input type="text" name="father's name">
<br><br>
<font face="sans-serif">DOB</font><br>
<input type="date" name="dob">
<br><br>
<font face="sans-serif">email</font><br>
<input type="email" name="email">
<br><br>
<font face="sans-serif">mobile</font><br>
<input type="number" name="mobile">
<br><br>
<input type="submit" value="get admission">
</form>
</fieldset>
</body>
</html>
<html>
<head>
<title>
html form
</title>
</head>
<body>
<form>
username<br>
<input type="text" name="username">
<br><br>
mobile no<br>
<input type="number" name="mobile no">
</form>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
html form
</title>
</head>
<body>
<fieldset>
<legend><font face="sans-serif"><b>online admission form</b></font></legend>
<form>
<font face="sans-serif">firstname</font>
<br>
<input type="text" name="firstname">
<br><br>
<font face="sans-serif">lastname</font><br>
<input type="text" name="lastname">
<br><br>
<font face="sans-serif">father's name</font><br>
<input type="text" name="father's name">
<br><br>
<font face="sans-serif">DOB</font><br>
<input type="date" name="dob">
<br><br>
<font face="sans-serif">email</font><br>
<input type="email" name="email">
<br><br>
<font face="sans-serif">mobile</font><br>
<input type="number" name="mobile">
<br><br>
<input type="submit" value="get admission">
</form>
</fieldset>
</body>
</html>
ch-27 html form methods and actions
1.<!DOCTYPE html>
<html>
<head>
<title>
form method and actions
</title>
</head>
<body>
<form method="post" action="success.php">
username<br>
<input type="text" name="username" placeholder="type your name here" maxlength="8" required="required"><br><br>
password<br>
<input type="password" name="password" placeholder="password here" maxlength="5" required="required">
<br><br>
dob<br>
<input type="date" name="dob">
<br><br>
gender<br>
<input type="radio" name="gender" value="male">male
<input type="radio" name="gender" value="female">female
<br><br>
<input type="file" accept=".jpg">
<input type="reset" value="erase all">
<input type="submit" value="login">
</form>
</body>
</html>
<html>
<head>
<title>
html complete form
</title>
</head>
<body>
<form>
firstname
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
</form>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
html complete form
</title>
</head>
<body>
<form>
firstname
<input type="text" name="firstname" size="1"><input type="text" name="firstname" size="1"><input type="text" name="firstname" size="1"><input type="text" name="firstname" size="1"><input type="text" name="firstname" size="1"><input type="text" name="firstname" size="1">
</form>
</body>
</html>
3. <!DOCTYPE html>
<html>
<head>
<title>
html complete form
</title>
</head>
<body>
<form>
<input type="checkbox" value="i accept">i accept
<br><br>
choose courses:
<select name="choose courses" multiple="multiple">
<option value="adse">adse</option>
<option value="adst">adst</option>
<option value="adse">adse</option>
<option value="adst">adst</option>
</select>
<br><br>
address<br>
<textarea rows="5" cols="70" name="address">
vill:
po:
ps:
pincode:
state:
</textarea>
<br><br>
choose color<br>
<input type="color" name="choose color">
<br><br>
<input type="button" value="click">
<br><br>
telephone<br>
<input type="tel" name="telephone">
<br><br>
select week<br>
<input type="week" name="select week">
<br><br>
select month<br>
<input type="month" name="select month">
<br><br>
<input type="range" min="100" max="1000">
<br><br>
website<br>
<input type="website" name="website">
</form>
</body>
</html>
<html>
<head>
<title>
html entity and xhtml
</title>
</head>
<body>
<p>
i am smaller <html>
</p>
</body>
</html>
2. <!DOCTYPE html>
<html>
<head>
<title>
html entity and xhtml
</title>
</head>
<body>
<p>
i   am   a   boy
</p>
</body>
</html>
3. <!DOCTYPE html>
<html>
<head>
<title>
html entity and xhtml
</title>
</head>
<body>
<b>
<i>
wap institute
<i>
</b>
</body>
</html>
4.<!DOCTYPE html>
<html>
<head>
<title>
html entity and xhtml
</title>
</head>
<body>
<br />
<hr />
<img />
<input />
</body>
</html>
<html>
<head>
<title>
html calculator app
</title>
</head>
<body>
<form name="wap">
<table width="250" height="300" border="1">
<caption>
<font face="century gothic">
<b>
HTML CALCULATOR APP
</b>
</font>
</caption>
<tr>
<td colspan="4" height="20">
<input name="result" size="30" />
</td>
</tr>
<tr>
<td bgcolor="black">
<center><input type="button" value="1" onclick="document.wap.result.value+=1" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="2" onclick="document.wap.result.value+=2" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="3" onclick="document.wap.result.value+=3"/></center>
</td>
<td bgcolor="black">
<center><input type="button" value="+" onclick="document.wap.result.value+='+'" /></center>
</td>
</tr>
<tr>
<td bgcolor="black">
<center><input type="button" value="4" onclick="document.wap.result.value+=4" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="5" onclick="document.wap.result.value+=5" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="6" onclick="document.wap.result.value+=6" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="-" onclick="document.wap.result.value+='-'" /></center>
</td>
</tr>
<tr>
<td bgcolor="black">
<center><input type="button" value="7" onclick="document.wap.result.value+=7" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="8" onclick="document.wap.result.value+=8" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="9" onclick="document.wap.result.value+=9" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="*" onclick="document.wap.result.value+='*'" /></center>
</td>
</tr>
<tr>
<td bgcolor="black">
<center><input type="button" value="." onclick="document.wap.result.value+='.'" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="0" onclick="document.wap.result.value+=0" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="=" onclick="document.wap.result.value=eval(document.wap.result.value)"/></center>
</td>
<td bgcolor="black">
<center><input type="button" value="/" onclick="document.wap.result.value+='/'" /></center>
</td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<title>
iframe
</title>
</head>
<body>
<iframe width="200" height="200" src="1.jpg">
</iframe>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
iframe
</title>
</head>
<body>
<iframe width="200" height="200" src="www.google.com">
</iframe>
</body>
</html>
3.<!DOCTYPE html>
<html>
<head>
<title>
iframe
</title>
</head>
<body bgcolor="lightgrey">
<table width="720" height="580" bgcolor="white" align="center">
<caption>
<font face="century gothic" color="red" size="5">
<b>images viewer</b>
</font>
</caption>
<tr>
<td colspan="4" height="480">
<iframe width="720" height="480" src="a.jpg" name="result">
</iframe>
</td>
</tr>
<tr>
<td><a href="a.jpg" target="result"><img src="a.jpg" width="100%" height="100" /></a></td>
<td><a href="b.jpg" target="result"><img src="b.jpg" width="100%" height="100" /></a></td>
<td><a href="c.jpg" target="result"><img src="c.jpg" width="100%" height="100" /></a></td>
<td><a href="d.jpg" target="result"><img src="d.jpg" width="100%" height="100" /></a></td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>
form method and actions
</title>
</head>
<body>
<form method="post" action="success.php">
username<br>
<input type="text" name="username" placeholder="type your name here" maxlength="8" required="required"><br><br>
password<br>
<input type="password" name="password" placeholder="password here" maxlength="5" required="required">
<br><br>
dob<br>
<input type="date" name="dob">
<br><br>
gender<br>
<input type="radio" name="gender" value="male">male
<input type="radio" name="gender" value="female">female
<br><br>
<input type="file" accept=".jpg">
<input type="reset" value="erase all">
<input type="submit" value="login">
</form>
</body>
</html>
ch-28 html complete form
1.<!DOCTYPE html><html>
<head>
<title>
html complete form
</title>
</head>
<body>
<form>
firstname
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
<input type="text" name="firstname" size="1">
</form>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
html complete form
</title>
</head>
<body>
<form>
firstname
<input type="text" name="firstname" size="1"><input type="text" name="firstname" size="1"><input type="text" name="firstname" size="1"><input type="text" name="firstname" size="1"><input type="text" name="firstname" size="1"><input type="text" name="firstname" size="1">
</form>
</body>
</html>
3. <!DOCTYPE html>
<html>
<head>
<title>
html complete form
</title>
</head>
<body>
<form>
<input type="checkbox" value="i accept">i accept
<br><br>
choose courses:
<select name="choose courses" multiple="multiple">
<option value="adse">adse</option>
<option value="adst">adst</option>
<option value="adse">adse</option>
<option value="adst">adst</option>
</select>
<br><br>
address<br>
<textarea rows="5" cols="70" name="address">
vill:
po:
ps:
pincode:
state:
</textarea>
<br><br>
choose color<br>
<input type="color" name="choose color">
<br><br>
<input type="button" value="click">
<br><br>
telephone<br>
<input type="tel" name="telephone">
<br><br>
select week<br>
<input type="week" name="select week">
<br><br>
select month<br>
<input type="month" name="select month">
<br><br>
<input type="range" min="100" max="1000">
<br><br>
website<br>
<input type="website" name="website">
</form>
</body>
</html>
ch-30 html entity and xhtml
1.<!DOCTYPE html><html>
<head>
<title>
html entity and xhtml
</title>
</head>
<body>
<p>
i am smaller <html>
</p>
</body>
</html>
2. <!DOCTYPE html>
<html>
<head>
<title>
html entity and xhtml
</title>
</head>
<body>
<p>
i   am   a   boy
</p>
</body>
</html>
3. <!DOCTYPE html>
<html>
<head>
<title>
html entity and xhtml
</title>
</head>
<body>
<b>
<i>
wap institute
<i>
</b>
</body>
</html>
4.<!DOCTYPE html>
<html>
<head>
<title>
html entity and xhtml
</title>
</head>
<body>
<br />
<hr />
<img />
<input />
</body>
</html>
ch-31 html calculator app development part - 1,ch-31 html calculator app development part - 2
1.<!DOCTYPE html><html>
<head>
<title>
html calculator app
</title>
</head>
<body>
<form name="wap">
<table width="250" height="300" border="1">
<caption>
<font face="century gothic">
<b>
HTML CALCULATOR APP
</b>
</font>
</caption>
<tr>
<td colspan="4" height="20">
<input name="result" size="30" />
</td>
</tr>
<tr>
<td bgcolor="black">
<center><input type="button" value="1" onclick="document.wap.result.value+=1" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="2" onclick="document.wap.result.value+=2" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="3" onclick="document.wap.result.value+=3"/></center>
</td>
<td bgcolor="black">
<center><input type="button" value="+" onclick="document.wap.result.value+='+'" /></center>
</td>
</tr>
<tr>
<td bgcolor="black">
<center><input type="button" value="4" onclick="document.wap.result.value+=4" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="5" onclick="document.wap.result.value+=5" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="6" onclick="document.wap.result.value+=6" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="-" onclick="document.wap.result.value+='-'" /></center>
</td>
</tr>
<tr>
<td bgcolor="black">
<center><input type="button" value="7" onclick="document.wap.result.value+=7" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="8" onclick="document.wap.result.value+=8" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="9" onclick="document.wap.result.value+=9" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="*" onclick="document.wap.result.value+='*'" /></center>
</td>
</tr>
<tr>
<td bgcolor="black">
<center><input type="button" value="." onclick="document.wap.result.value+='.'" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="0" onclick="document.wap.result.value+=0" /></center>
</td>
<td bgcolor="black">
<center><input type="button" value="=" onclick="document.wap.result.value=eval(document.wap.result.value)"/></center>
</td>
<td bgcolor="black">
<center><input type="button" value="/" onclick="document.wap.result.value+='/'" /></center>
</td>
</tr>
</table>
</form>
</body>
</html>
ch-32 html image viewer application development
1.<!DOCTYPE html><html>
<head>
<title>
iframe
</title>
</head>
<body>
<iframe width="200" height="200" src="1.jpg">
</iframe>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>
iframe
</title>
</head>
<body>
<iframe width="200" height="200" src="www.google.com">
</iframe>
</body>
</html>
3.<!DOCTYPE html>
<html>
<head>
<title>
iframe
</title>
</head>
<body bgcolor="lightgrey">
<table width="720" height="580" bgcolor="white" align="center">
<caption>
<font face="century gothic" color="red" size="5">
<b>images viewer</b>
</font>
</caption>
<tr>
<td colspan="4" height="480">
<iframe width="720" height="480" src="a.jpg" name="result">
</iframe>
</td>
</tr>
<tr>
<td><a href="a.jpg" target="result"><img src="a.jpg" width="100%" height="100" /></a></td>
<td><a href="b.jpg" target="result"><img src="b.jpg" width="100%" height="100" /></a></td>
<td><a href="c.jpg" target="result"><img src="c.jpg" width="100%" height="100" /></a></td>
<td><a href="d.jpg" target="result"><img src="d.jpg" width="100%" height="100" /></a></td>
</tr>
</table>
</body>
</html>
