diff options
| -rw-r--r-- | index.html | 54 |
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> + |