Creazione

2025-04-14 17:03:34 +02:00
parent f5c3dbb87a
commit f6d3153d0c
9 changed files with 338 additions and 10 deletions
--- a/index.html
+++ b/index.html
@@ -1,12 +1,63 @@
-<!DOCTYPE html>
 <html>
-	<head>
-		<meta http-equiv="content-type" content="text/html" charset="utf-8">
-        <title>Titolo</title>
-		<link rel="stylesheet" href="style.css">
-		<script src="script.js"></script>
-	</head>
-	<body>
-        
-	</body>
+  <head>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="style.css" />
+    <script src="script.js"></script>
+    <title>LE MIE EMOZIONI</title>
+  </head>
+
+  <body>
+    <div class="titolo">LE MIE EMOZIONI</div>
+    <br />
+    <div class="topnav">
+      <a class="active" href="index.html">Home</a>
+      <a href="sentimenti.html">Sentimenti</a>
+    </div>
+    <div class="content">
+      <h2>Definizione generale</h2>
+      <p>
+        I sentimenti sono disposizioni d'animo relativamente stabili, mentre le
+        emozioni tendono ad essere temporalmente circoscritte. Emozioni e
+        sentimenti sono oggetto di ampio dibattito in campo psicologico (<a
+          href="https://it.wikipedia.org/wiki/Psicologia"
+          >https://it.wikipedia.org/wiki/Psicologia</a
+        >) e talvolta questi due termini vengono equivocati. Sebbene condividano
+        aspetti simili, vi è una marcata differenza di essi.
+      </p>
+
+      <h2>Indice dei sentimenti:</h2>
+      <ul>
+        <li>Felicità</li>
+        <li>Rabbia</li>
+        <li>Paura</li>
+        <li>Curiosità</li>
+      </ul>
+    </div>
+
+    <div class="voto">
+      <label for="nome">Come ti chiami?</label>
+      <input type="text" name="nome" />
+      <br />
+      <label for="voti">Che voto daresti alla pagina?</label>
+      <select name="voti">
+        <option>0</option>
+        <option>1</option>
+        <option>2</option>
+        <option>3</option>
+        <option>4</option>
+        <option>5</option>
+      </select>
+      <br />
+      <br />
+      <button onclick="Votazione()">Invia</button>
+      <button onclick="Cancella()">Invia</button>
+      <br />
+      <div id="output"></div>
+    </div>
+    <div class="footer">
+      <marquee direction="right"
+        >Bassanetti Brian<img class="immagineFooter" src="img/footer.gif"
+      /></marquee>
+    </div>
+  </body>
 </html>