Merge pull request #57 from Lorenagubaira/html.ex

spelling errors have been corrected

Author: tommygonzaleza

.learn/assets/01.2-Like-Word.es.png

@@ -0,0 +1,49 @@
+---
+intro: "https://www.youtube.com/watch?v=tVlYr0hRiRM"
+---
+# Welcome!
+  
+Te damos la bienvenida al mundo del HTML 🖖🧑‍💻
+
+## 💬 Fundamentos: 
+
+Hemos preparado estos ejercicios para cualquier persona interesada en aprender HTML desde cero. Durante este curso, repasaremos los siguientes conceptos:
+
+1. Familiarizarse con la mayoría de las etiquetas HTML más populares.
+
+2. Usar varias etiquetas juntas para crear un sitio web HTML simple.
+
+3. Vinculación de sitios web mediante enlaces (anchors) con rutas relativas o absolutas.
+
+4. La etiqueta HTML de audio y video.
+
+## Lecturas Útiles:
+
++ [https://www.w3schools.com/html/html_intro.asp](https://www.w3schools.com/html/html_intro.asp)
+
++ [https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/HTML_basics](https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/HTML_basics)
+
+## Video Útil:
+
++ [https://youtu.be/10GHKjgQIR0](https://youtu.be/10GHKjgQIR0)
+
+## Colaboradores:
+
+Gracias a estas maravillosas personas ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
+
+1. [Alejandro Sánchez (alesanchezr)](https://github.com/alesanchezr), contribución: (programador) :computer: (idea) 🤔, (build-tests) :warning:, (pull-request-review) :eyes: (build-tutorial) :white_check_mark: (documentación) :book:
+
+2. [Paolo Lucano (plucodev)](https://github.com/plucodev), contribución: (programador) :computer:, (build-tests) :warning:
+
+3. [Marco Gómez (marcogonzalo)](https://github.com/marcogonzalo), contribución: (traducción) :earth_africa:
+
+Este proyecto sigue las especificaciones: [all-contributors](https://github.com/kentcdodds/all-contributors). 
+
+¡Todas las contribuciones son bienvenidas!
+
+> 🔹 Nosotros construimos los ejercicios incrementalmente, deberías sentir el progreso poco a poco, y esperamos que el incremento de la dificuldad entre los ejercicios nunca sea tan grande como para frustrarte.
+
+Nota: ¡No te frustres! Pregúntanos por Slack en el canal #public_support o en privado siguiendo [estos pasos](https://content.breatheco.de/es/how-to/ask). 
+
+➡️ Haz clic en `next` arriba de estas instrucciones para empezar con el primer ejercicio...
+

.learn/assets/02-website-structure.png

@@ -0,0 +1,51 @@
+---
+intro: "https://www.youtube.com/watch?v=Vd2dby9ind4"
+---
+# Welcome!
+
+Welcome to the world of HTML 🖖🧑‍💻
+
+## 💬 Fundamentals:
+
+We have prepared these exercises for anyone interested in learning HTML from scratch. During this course we will go over the following concepts:
+
+1. Get familiar with most of the most popular HTML Tags.
+
+2. Using the tags together to create a simple HTML Website.
+
+3. Linking websites together using Anchors with Relative or Asbolute paths.
+
+4. The HTML audio and video tag.
+
+## Useful Readings:
+
++ [https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics)
+
++ [https://www.w3schools.com/html/html_intro.asp](https://www.w3schools.com/html/html_intro.asp)
+
+## Useful Video:
+
++ [https://youtu.be/u0OeZfIfBRI](https://youtu.be/u0OeZfIfBRI)
+
+## Contributors:
+
+Thanks to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
+
+1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribution: (coder) :computer: (idea) 🤔, (build-tests) :warning:, (pull-request-review) :eyes: (build-tutorial) :white_check_mark: (documentation) :book:
+
+2. [Paolo Lucano (plucodev)](https://github.com/plucodev), contribution: (coder), (build-tests) :warning:
+
+3. [Marco Gómez (marcogonzalo)](https://github.com/marcogonzalo), contribution: (translator) :earth_africa:
+
+This project follows these specifications: [all-contributors](https://github.com/kentcdodds/all-contributors)
+
+Contributions of any kind are welcome!
+
+> 🔹 We built the exercises incrementally, you should feel the progress little by little, and hopefully, the difficulty raising between exercises will never be too big to get you frustrated.
+
+Note: Don't get frustrated! Ask any question in the #public_support channel or by private message following [this steps](https://content.breatheco.de/es/how-to/ask). 
+
+➡️ Click the `next` button on the top of these instructions to begin with the first exercise...
+
+
+

.learn/assets/03-hello-without-head.png

@@ -0,0 +1,20 @@
+# `01` Hello World
+
+HTML es un languaje de markup, lo que significa que todo lo que se escribe debe estar encerrado en `<tags>` (etiquetas) de apertura y cierre, como estas:
+
+```html
+<span>Hola, Yo soy un texto</span>
+<strong>Hola, Yo tambien soy un texto pero en negrita</strong>
+```
+
+## 📝 Instrucciones:
+
+1. `Elimina` todo el cotenido actual de la página, `agrega` las etiquetas anteriores en el HTML de tu sitio web y presiona "build" para ver los resultados.
+
+![Build](../../.learn/assets/build.png?raw=true)
+
+## 💻 Resultado Esperado:
+
+Tu sitio web final debería ser algo como esto:
+
+![Preview for 01.1 HTML Exercises](../../.learn/assets/preview.es-01.1.png?raw=true)

.learn/assets/05-create-anchors-es.png

@@ -2,9 +2,9 @@
 tutorial: "https://www.youtube.com/watch?v=s0WhMNU8qZ0"
 ---
 
-# `01.1` Hello World
+# `01` Hello World
 
-HTML is a markup language, meaning that everything you type must be wraped in opening and closing tags like this:
+HTML is a markup language, meaning that everything you type must be wraped in opening and closing `<tags>`, like this:
 
 ```html
 <span>Hello, I am a text</span>
@@ -13,12 +13,12 @@ HTML is a markup language, meaning that everything you type must be wraped in op
 
 ## 📝 Instructions:
 
-1. Please `remove` the current website content and `add` this two tags to your website HTML and build your website to see the results.
+1. Please `remove` the current website content, `add` the above tags to your website HTML and press "build" to see the results.
 
 ![Build](../../.learn/assets/build.png?raw=true)
 
-## 💻 Preview:
+## 💻 Expected Result:
 
-You final website should be something like this:
+Your final website should be something like this:
 
 ![Preview for 01.1 HTML Exercises](../../.learn/assets/preview-01.1.png?raw=true)

.learn/assets/05-create-anchors.png

@@ -1,22 +1,22 @@
 ---
 tutorial: "https://www.youtube.com/watch?v=oFswWx9ba14"
 ---
-# `01.2` Like MS Word
+# `01.1` Like Word
 
-HTML fue creado inicialmente para publicar documentos, es por eso que sus `<etiquetas>` (tags) son similares a los elementos típicos que ves en un documento:
+HTML fue creado inicialmente para publicar documentos, es por eso que sus `<tags>` (etiquetas) son similares a los elementos típicos que ves en un documento:
 
 | Nombre Etiqueta | Uso |
 | -------- | -------- |
 | `<p>`    | Para agregar párrafos |
 | `<strong>`    | Texto en negrita |
-| `<h1>`    | Titulos con mayor importancia (más grandes) |
-| `<h2>`    | Subtitulos (más pequeños)|
+| `<h1>`    | Títulos con mayor importancia (más grandes) |
+| `<h2>`    | Subtítulos (más pequeños)|
 | `<a>`    | Links o enlaces (anchors) |
 
 ## 📝 Instrucciones:
 
 1. Agrega una etiqueta `<p>` a tu sitio web que diga: las etiquetas HTML son similares a los elementos de MS Word.
 
-## 💻 Vista Previa:
+## 💻 Resultado Esperado:
 
-![01.1 Preview HTML Exercises](../../.learn/assets/01.2-Like-Word.png?raw=true)
+![01.1 Preview HTML Exercises](../../.learn/assets/01.2-Like-Word.es.png?raw=true)

.learn/assets/preview.es-01.1.png

@@ -1,6 +1,6 @@
-# `01.2` Like MS Word
+# `01.1` Like Word
 
-HTML was initially created for the purpose of publishing documents, that is why its `<tags>` are similar to the typical elements you see in a document:
+HTML was initially created with the purpose of publishing documents, that is why its `<tags>` are similar to the typical elements you see in a document:
 
 | Tag name | Use case |
 | -------- | -------- |
@@ -14,6 +14,6 @@ HTML was initially created for the purpose of publishing documents, that is why
 
 1. Please add a `<p>` tag to your website that says: HTML tags are similar to MS Word elements.
 
-## 💻 Preview:
+## 💻 Expected Result:
 
 ![01.1 Preview HTML Exercises](../../.learn/assets/01.2-Like-Word.png?raw=true)

exercises/00-welcome/README.es.md

@@ -0,0 +1,35 @@
+---
+tutorial: "https://www.youtube.com/watch?v=9OB2RPWHYgw"
+---
+# `02` Website Structure
+
+## 📝 Instrucciones:
+
+1. Agrega la estructura HTML básica para cualquier sitio web (doctype, html, head y body).
+
+2. Agrega "Hello World" dentro de la etiqueta del título (title) del sitio web.
+
+## 💻 Resultado Esperado:
+
+![Website title example](../../.learn/assets/02-website-structure.png?raw=true)
+
+## 💡 Pistas:
+
++ La estructura debería de verse algo asi:
+
+```md
+<!DOCTYPE html>
+<html>
+	<head>
+		<title> <!--Aquí irá el título--> </title>
+	</head>
+</html>
+```
+
++ Puedes leer sobre la estructura típica de un sitio web aquí: [https://content.breatheco.de/lesson/what-is-html-learn-html#page-structure](https://content.breatheco.de/lesson/what-is-html-learn-html#page-structure)
+ 
+## 🔎 Importante:
+
++ El título del sitio web aparece en la pestaña del sitio web (arriba en el navegador).
+
+