-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtrialhtml.html
69 lines (40 loc) · 2.49 KB
/
trialhtml.html
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 100px solid black;
}
</style>
<link rel="stylesheet" href="tiles.css"/>
</head>
<body>
<div class="container">
<table style="margin-top:80px; margin-left:40px;margin-right:20px" cellspacing="40">
<tr>
<td width="10%" style="height:200px ;"><div class="first" style="text-align: center"> </p><img align="center" id = "image1" src ="" width="50" height="50" onerror="myFunction()"></p><font size="5"><a id = "one1" href="" style="text-decoration:none" ></a></font></p></div></td>
<td width="10%" style="height:200px;"><div class="third" style="text-align: center"></p><img align="center" id = "image2" src ="" width="50" height="50"></p><font size="5"><a id = "two2" href="" style="text-decoration:none" ></a></font></p></div></td>
<td width="10%" style="height:200px;">
<div class="last"></p><img align="center" id = "image5" src ="" width="50" height="50"></p><font size="5"><a id = "five5" href="" style="text-decoration:none" ></a></font></p></div>
</td>
<td width="10%" style="height:200px;"><div class="second"></p><img align="center" id = "image3" src ="" width="50" height="50"></p> <font size="5"> <a id = "three3" href="" style="text-decoration:none"></a></font></font></p></div></td>
</tr>
<tr>
<td width="10%" style="height:200px;"><div class="fourth"></p><img align="center" id = "image4" src ="" width="50" height="50"></p><font size="5"><a id = "four4" href="" style="text-decoration:none"></a></font></p></div>
</td>
<td width="10%" style="height:200px;"><div class="last1"></p><img align="center" id = "image6" src ="" width="50" height="50"></p><font size="5"><a id = "six6" href="" style="text-decoration:none"></a></font></p></div></td>
<td width="10%" style="height:200px;"><div class="last2"></p> <img align="center" id = "image7" src ="" width="50" height="50"></p><font size="5"><a id = "seven7" href="" style="text-decoration:none"></a></font></p></div></td>
<td width="10%" style="height:200px;">
<div class="last3"></p><img align="center" id = "image8" src ="" width="50" height="50"></p><font size="5"><a id = "eight8" href="" style="text-decoration:none"></a></font></p></div></td>
</tr>
</table>
</div>
<script>
function myFunction() {
var input =document.getElementById('image1');
input.src = "border-48.png";
}
</script>
<script src="newtabscript.js"></script>
</body>
</html>