updated webpage

hmh49 · Nov 28, 2018 · d35d0d1 · d35d0d1
1 parent 925420c
commit d35d0d1
Show file tree

Hide file tree

Showing 5 changed files with 64 additions and 0 deletions.
diff --git a/about.html b/about.html
@@ -10,6 +10,10 @@
     </head>
     <body>
         <h1>About me</h1>
+        <span
+            onclick="alert('This message came from clicking the span!');"
+            style="color:blue; text-decoration:underline; cursor:pointer">Click Here</span>
+        <!-- hmh 2018-11-28 I added javascript -->
         <p>My name is Hannah Hostetler and I am an [almost] graduate of University of Pittsburgh at Greensburg. I enjoy learning languages, fashion, and baking.</p>
     </body>
 </html>
diff --git a/imagess.html b/imagess.html
@@ -9,6 +9,10 @@
     </head>
     <body>
         <h1><b>My Favorite Travel Photos</b></h1>
+        <span
+            onclick="alert('This message came from clicking the span!');"
+            style="color:blue; text-decoration:underline; cursor:pointer">Click Here</span>
+        <!-- hmh 2018-11-28 I added javascript -->
         <div class='images-container'>
             <div class= 'rome'><img src="images/rome.jpg" class= 'image'/></div>
             <div class= 'paris'><img src="images/paris1.jpg" class= 'image'/></div>

diff --git a/index.html b/index.html
@@ -3,6 +3,7 @@
 
     <head>
         <title>Hannah's Homepage</title>
+
         <link rel="stylesheet" type="text/css" href="index.css"/> 
         <meta charset="UTF-8" />
         <meta name="author" content="My Name" />
@@ -16,9 +17,17 @@
         <p><a href="index.html">Main</a> | <a href="about.html">About</a> | 
             <a href="resume.html">Resume</a> | <a href="imagess.html">Travel Photos</a></p>
         <hr/>
+        <span
+            onclick="alert('This message came from clicking the span!');"
+            style="color:blue; text-decoration:underline; cursor:pointer">Click Here</span>
+        <!-- hmh 2018-11-28 I added javascript -->
         <header>
             <h1 class="title"><strong>Hannah's Webpage</strong></h1>
             <h3>A webpage designed and created by Hannah Hostetler</h3>
+            <span
+                onclick="alert('Click my Resume!!!');"
+                style="color:blue; text-decoration:underline; cursor:pointer">Guess what??</span>
+            <!-- hmh 2018-11-28 I added javascript -->
         </header>
         <section> 
             <p> Welcome to my site. I enjoy creating this using my <em>own</em> design preferences.</p>
@@ -40,6 +49,10 @@ <h2> Things I enjoy doing</h2>
             <li>I <b>love</b> dogs</li>
 
         </ul>
+        <span
+            onclick="alert('Check out my travel pics');"
+            style="color:blue; text-decoration:underline; cursor:pointer">Click me</span>
+        <!-- hmh 2018-11-28 I added javascript -->
         <section>
             <p>Please view my resume in the link below, or click on a specific category. You may also view photos of my travels in the link below.</p>
         </section>

diff --git a/java.html b/java.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>first JavaScript script</title>
+        <script type="text/javascript">
+            window.onload = alert('Loading the window');
+        </script>
+    </head>
+    <body>
+        <p>A paragraph that will say <span
+            onclick="alert('This message is popping up because I clicked here!');"
+            style="color:blue; text-decoration:underline; cursor:pointer">something very interesting</span> of possibly having an HTML paragraph, perchance.</p>
+    </body>
+</html>
diff --git a/svg.html b/svg.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title></title>
+    </head>
+    <body>
+        <title>A bar chart showing square miles of Tahiti, Raiatea, and Tongatapu</title>
+
+        <desc>404 sq. miles: Tahiti, 65 sq. miles: Raiatea, 100 sq. miles: Tongatapu</desc>
+        <text x="85" y="28">Polynesian Island Sizes</text>
+        <g>
+            <line x1="94" y1="45" x2="94" y2="116" style="stroke:rgb(255,0,0);stroke-width:2" />
+            <line x1="94" y1="115" x2="445" y2="115" style="stroke:rgb(255,0,0);stroke-width:2" />
+            <rect x="100" y="50" width="40" height="19" fill="yellow"></rect>
+            <text x="145" y="52" dy=".35em">Raiatea: 65 square miles</text>
+        </g>
+        <g>
+            <rect x="100" width="80" height="19" y="70" fill="black"></rect>
+            <text x="185" y="72" dy=".35em">Tongatapu: 100 square miles</text>
+        </g>
+        <g>
+            <rect x="100" width="340" height="19" y="90" fill="green"></rect>
+            <text x="440" y="92" dy=".35em">Tahiti: 404 square miles</text>
+        </g>
+        <g alignment-baseline="baseline">
+        </g>
+        </svg>
+    </body>
+</html>