JavaProject/PhotoGallery.html at master · alie4hunt/JavaProject · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html>
<title> Classic Car </title>
<div class="wrapper">
<h1><marquee behavior="alternate"><span class="marquee"><i>Welcome To Classic Car World</i></span></marquee></h1>
</div>


<body background= "https://wallpaperscraft.com/image/mercedes_gelandewagen_g63_brabus_black_g_tuning_2013_2014_suv_jeep_b63_4x4_hd_6k_93020_1366x768.jpg" alt="" background-size=auto%;">
<table style="width:auto%" align="center">
  <audio >
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
  <tr>
    <td><a><img src="http://hd.wallpaperswide.com/thumbs/1967_pontiac_gto-t2.jpg" alt="" height=220 width=320 onmouseover="this.width=510; this.height=330" onmouseout="this.width=320; this.height=220"/></img></a></td>
    <td><img src="http://hd.wallpaperswide.com/thumbs/2_tuff_muscle_car_wide-t2.jpg"alt="" height=220 width=320 onmouseover="this.width=510; this.height=330" onmouseout="this.width=320; this.height=220"/></img></td>
    <td><img src="http://hd.wallpaperswide.com/thumbs/ford_mustang_shelby_gt500_eleanor-t2.jpg"alt="" height=220 width=320 onmouseover="this.width=510; this.height=330" onmouseout="this.width=320; this.height=220"/></img></td>
  </tr>
  <tr>
    <td><img src="http://hd.wallpaperswide.com/thumbs/old_chevrolet_corvette-t2.jpg" alt="" height=220 width=320 onmouseover="this.width=510; this.height=330" onmouseout="this.width=320; this.height=220"/></img></td>
	<td><img src="http://hd.wallpaperswide.com/thumbs/ferrari_250_gt_lusso-t2.jpg" alt="" height=220 width=320 onmouseover="this.width=510; this.height=330" onmouseout="this.width=320; this.height=220"/></img></td>
	<td><img src="http://hd.wallpaperswide.com/thumbs/ford_mustang_boss_302_classic_car-t2.jpg" alt="" height=220 width=320 onmouseover="this.width=510; this.height=330" onmouseout="this.width=320; this.height=220"/></img></td>
  <tr>
    <td><img src="http://hd.wallpaperswide.com/thumbs/mustang_shelby_gt500-t2.jpg" alt="" height=220 width=320 onmouseover="this.width=510; this.height=330" onmouseout="this.width=320; this.height=220"/></img></td>
	<td><img src="http://hd.wallpaperswide.com/thumbs/mustang_gt_fastback-t2.jpg" alt="" height=220 width=320 onmouseover="this.width=510; this.height=330" onmouseout="this.width=320; this.height=220"/></img></td>
	<td><img src="http://hd.wallpaperswide.com/thumbs/ford_7-t2.jpg" alt="" height=220 width=320 onmouseover="this.width=510; this.height=330" onmouseout="this.width=320; this.height=220"/></img></td>
  </tr>
 <style>
 img {
    opacity: 0.2;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
</style>
</head>
<body>


</table>


</body>
</html>