diff options
| author | Ekaitz Zarraga <ekaitz@elenq.tech> | 2023-01-25 16:26:48 +0100 |
|---|---|---|
| committer | Ekaitz Zarraga <ekaitz@elenq.tech> | 2023-01-25 16:28:06 +0100 |
| commit | 8326a17ae15f71652ba0ff5f39a332fb313f5791 (patch) | |
| tree | 48e4f7cd5a99d8a7e94e79aa3b001c47a330f99a /index.html | |
| parent | 25ccb7cb5e092a5f8431430ed61bf351f0671305 (diff) | |
Add HTML file
Diffstat (limited to 'index.html')
| -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> + |