-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (53 loc) · 2.45 KB
/
index.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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en"
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<html>
<head>
<title>Mitch's First Web Page</title>
<link rel="stylesheet" href="basic.css"/>
<script src="myScript.js"></script>
</head>
<body>
<h1>My First Web Page </h1>
<p class="blue">Using HTML, CSS and JavaScript Languages</p>
<p>Click the button below to get information about my code</p>
<button onclick="myFunction()"><h2>Click here for instructions to open my source code in different web browsers</h2></button>
<script>
function myFunction() {
alert("1. In internet Explorer go to View tab -Source\n2. In Firefox go to Tool tab - Web Developer -Page Source\n3. In Google Chrome go to View tab - Developer -View Source\n3. In Safari go to Develop tab - Develop -Show Page Source");
}
</script>
<hr>
<!-- Link picture to html use src atribute-->
<!-- put also alt atribute if web side will not find image or images are turn off in someone computer will say what it is-->
<!-- to go back with image in diffrent holder add ../ to go back one folder-->
<img src="/Images/IMAGE_1.png" alt="Picture" width="250" height="380"/>
<img src="/Images/IMAGE_2.jpg" alt="Regan" width="250" height="380"/>
<img src="/Images/IMAGE_3.jpg" alt="Baby" width="350" height="380"/>
<img src="/Images/IMAGE_4.jpg" alt="Girl" width="250" height="380"/>
<img src="/Images/IMAGE_5.jpg" alt="Boy" width="250" height="380"/>
<img src="/Images/IMAGE_6.jpg" alt="Boy" width="250" height="380"/>
<img src="/Images/IMAGE_7.jpg" alt="Boy" width="300" height="380"/>
<img src="/Images/IMAGE_8.jpg" alt="Boy" width="400" height="380"/>
<img src="/Images/IMAGE_9.jpg" alt="Girl" width="400" height="380"/>
<hr>
<h1> Mitch's list for Santa </h1>
<ol>
<li>Books </li>
<li>Games</li>
<li> Toys</li>
<li>Tablet</li>
<li>Laptop</li>
</ol>
<hr>
<p class="search">Search Google for Mitch's presents</p>
<p>Search <a href="http://www.google.com">Google</a></p>
<hr>
<audio controls autoplay >
<source src="/Sounds/Rooster.mp3" type="audio/mpeg"/>
<!-- Put this message for older Browsers -->
If you can see this, update your browser
</audio>
<hr>
</body>
</html>