summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--index.html54
1 files changed, 54 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..cbcd508
--- /dev/null
+++ b/index.html
@@ -0,0 +1,54 @@
+<!--
+ 1. Investigar cómo es la mejor manera de empezar un documento HTML y qué
+ significan sus partes:
+ https://www.freecodecamp.org/news/html-starter-template-a-basic-html5-boilerplate-for-index-html/
+
+ 2. Revisar lista completa de elementos HTML:
+ https://developer.mozilla.org/en-US/docs/Web/HTML/Element
+ Y sus posibles atributos:
+ https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes
+ Identificar cuáles son interesantes.
+-->
+
+
+<!doctype html>
+<html lang="en">
+ <head>
+ <!-- Definición de la codificación del texto -->
+ <meta charset="utf-8">
+ <!-- Interesante para responsive/mobile-first -->
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+
+ <title>A basic weather app</title>
+ <meta name="author" content="Ekaitz Zárraga">
+ <meta name="description" content="Una pequeña aplicación meteorológica">
+
+ <!-- Iconos -->
+ <link rel="icon" href="/favicon.ico">
+ <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+
+ <!-- Hoja de estilos -->
+ <link rel="stylesheet" href="css/style.css">
+ </head>
+
+ <body>
+
+ <article class="forecast">
+ <h1>Weather forecast for Seattle</h1>
+ <article class="day-forecast">
+ <h2>03 March 2018</h2>
+ <p>Rain.</p>
+ </article>
+ <article class="day-forecast">
+ <h2>04 March 2018</h2>
+ <p>Periods of rain.</p>
+ </article>
+ <article class="day-forecast">
+ <h2>05 March 2018</h2>
+ <p>Heavy rain.</p>
+ </article>
+ </article>
+
+ </body>
+</html>
+