diff --git a/Practicas/Practicas HTML/Practica 11/Estructura semantica 2.png b/Practicas/Practicas HTML/Practica 11/Estructura semantica 2.png
new file mode 100644
index 0000000..c551194
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 11/Estructura semantica 2.png differ
diff --git a/Practicas/Practicas HTML/Practica 11/Estructura semantica.png b/Practicas/Practicas HTML/Practica 11/Estructura semantica.png
new file mode 100644
index 0000000..bffff54
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 11/Estructura semantica.png differ
diff --git a/Practicas/Practicas HTML/Practica 11/etiquetas de secciones.txt b/Practicas/Practicas HTML/Practica 11/etiquetas de secciones.txt
new file mode 100644
index 0000000..1ac4d00
--- /dev/null
+++ b/Practicas/Practicas HTML/Practica 11/etiquetas de secciones.txt	
@@ -0,0 +1,15 @@
+SEMANTICA SECCIONES
+
+    <header>: la etiqueta de encabezamiento define el contenido introductorio de una página o sección.
+
+    <nav>: la etiqueta de navegación se utiliza para los enlaces de navegación. Puede anidarse dentro de la etiqueta <header>, pero las etiquetas <nav> de navegación secundaria también suelen usarse en otras secciones de la página.
+
+    <main>: esta etiqueta contiene el contenido principal (también llamado cuerpo) de una página. Solo debería haber una etiqueta <main> por página.
+
+    <article>: Representa una unidad de contenido, es decir, contenido que responde a un tema concreto. 
+
+    <section>: utilizar <section> es una forma de agrupar contenidos que tratan sobre temas similares. 
+
+    <aside>: un elemento "aside" define el contenido de menor importancia. Suele emplearse para las barras laterales, que incluyen información complementaria pero no esencial.
+
+    <footer>: usa <footer> en la parte inferior de una página. La etiqueta suele incluir información de contacto, derechos de autor y navegación por la web.
\ No newline at end of file
diff --git a/Practicas/Practicas HTML/Practica 12/Practica 12.html b/Practicas/Practicas HTML/Practica 12/Practica 12.html
new file mode 100644
index 0000000..3097526
--- /dev/null
+++ b/Practicas/Practicas HTML/Practica 12/Practica 12.html	
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Practica 12</title>
+</head>
+
+<body>
+
+    <map name="mapa">
+        <area shape="circle" coords="224,191,90" href="https://www.google.com/intl/es_es/chrome/" />
+        <area shape="circle" coords="490,191,90" href="https://www.mozilla.org/es-ES/firefox/new/" />
+        <area shape="circle" coords="770,191,90" href="https://www.microsoft.com/es-es/download/internet-explorer.aspx" />
+        <area shape="circle" coords="349,450,90" href="https://www.opera.com/es" />
+        <area shape="circle" coords="604,450,90" href="https://www.apple.com/es/safari/" />
+    </map>
+
+
+    <img src="imagenes/imagen_navegadores.jpg" usemap="#mapa" />
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Practicas/Practicas HTML/Practica 12/Practica 12a.html b/Practicas/Practicas HTML/Practica 12/Practica 12a.html
new file mode 100644
index 0000000..34c9f80
--- /dev/null
+++ b/Practicas/Practicas HTML/Practica 12/Practica 12a.html	
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Practica 12a</title>
+</head>
+
+<body>
+
+    <map name="mapa">
+        <area shape="rect" coords="293,236,489,315" href="https://es.wikipedia.org/wiki/Noruega" alt="Noruega" />
+        <area shape="rect" coords="700,292,850,415" href="https://es.wikipedia.org/wiki/Suecia" alt="Suecia" />
+        <area shape="rect" coords="987,246,1119,381" href="https://es.wikipedia.org/wiki/Finlandia"  alt="Finlandia"/>
+        <area shape="rect" coords="458,461,634,561" href="https://es.wikipedia.org/wiki/Dinamarca" alt="Dinamarca" />
+    </map>
+
+
+    <img src="imagenes/paises_nordicos.jpg" usemap="#mapa" />
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Practicas/Practicas HTML/Practica 12/codigo_mapa_imagenes.txt b/Practicas/Practicas HTML/Practica 12/codigo_mapa_imagenes.txt
new file mode 100644
index 0000000..1d31511
--- /dev/null
+++ b/Practicas/Practicas HTML/Practica 12/codigo_mapa_imagenes.txt	
@@ -0,0 +1,7 @@
+<map name="mapa">
+<area shape="circle" coords="224,191,90" href="https://www.google.com/intl/es_es/chrome/" />
+<area shape="" coords="" href="" />
+</map>
+
+
+<img src="ruta donde esta la imagen" usemap="#mapa"/>
\ No newline at end of file
diff --git a/Practicas/Practicas HTML/Practica 12/imagenes.zip b/Practicas/Practicas HTML/Practica 12/imagenes.zip
new file mode 100644
index 0000000..dbf2af3
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 12/imagenes.zip differ
diff --git a/Practicas/Practicas HTML/Practica 12/imagenes/colores_web.jpg b/Practicas/Practicas HTML/Practica 12/imagenes/colores_web.jpg
new file mode 100644
index 0000000..96f6f46
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 12/imagenes/colores_web.jpg differ
diff --git a/Practicas/Practicas HTML/Practica 12/imagenes/imagen_navegadores.jpg b/Practicas/Practicas HTML/Practica 12/imagenes/imagen_navegadores.jpg
new file mode 100644
index 0000000..5855712
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 12/imagenes/imagen_navegadores.jpg differ
diff --git a/Practicas/Practicas HTML/Practica 12/imagenes/paises_nordicos.jpg b/Practicas/Practicas HTML/Practica 12/imagenes/paises_nordicos.jpg
new file mode 100644
index 0000000..6925910
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 12/imagenes/paises_nordicos.jpg differ
diff --git a/Practicas/Practicas HTML/Practica 13/Practica 13.html b/Practicas/Practicas HTML/Practica 13/Practica 13.html
new file mode 100644
index 0000000..e969e6a
--- /dev/null
+++ b/Practicas/Practicas HTML/Practica 13/Practica 13.html	
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Practica 13</title>
+</head>
+<body>
+    <table style="width: 100%;">
+        <tr>
+            <td><img src="./imagenes/noruega.png" width="100%" alt="Noruega"></td>
+            <td><img src="./imagenes/finlandia.png" width="100%" alt="Finlandia"></td>
+            <td><img src="./imagenes/suecia.png" width="100%" alt="Suecia"></td>
+            <td><img src="./imagenes/dinamarca.png" width="100%" alt="Dinamarca"></td>
+        </tr>
+        <tr>
+            <td><audio src="./audio/noruega.mp3" controls style="width: 100%;"></audio></td>
+            <td><audio src="./audio/finlandia.mp3" controls style="width: 100%;"></audio></td>
+            <td><audio src="./audio/suecia.mp3" controls style="width: 100%;"></audio></td>
+            <td><audio src="./audio/dinamarca.mp3" controls style="width: 100%;"></audio></td>
+        </tr>
+        <tr>
+            <td><video src="./video/noruega.mp4" width="100%" controls></video></td>
+            <td><video src="./video/finlandia.mp4" width="100%" controls></video></td>
+            <td><video src="./video/suecia.mp4" width="100%" controls></video></td>
+            <td><video src="./video/dinamarca.mp4" width="100%" controls></video></td>
+        </tr>
+    </table>
+</body>
+</html>
\ No newline at end of file
diff --git a/Practicas/Practicas HTML/Practica 13/audio/dinamarca.mp3 b/Practicas/Practicas HTML/Practica 13/audio/dinamarca.mp3
new file mode 100644
index 0000000..1c2eee6
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 13/audio/dinamarca.mp3 differ
diff --git a/Practicas/Practicas HTML/Practica 13/audio/finlandia.mp3 b/Practicas/Practicas HTML/Practica 13/audio/finlandia.mp3
new file mode 100644
index 0000000..3391632
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 13/audio/finlandia.mp3 differ
diff --git a/Practicas/Practicas HTML/Practica 13/audio/noruega.mp3 b/Practicas/Practicas HTML/Practica 13/audio/noruega.mp3
new file mode 100644
index 0000000..72ddf38
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 13/audio/noruega.mp3 differ
diff --git a/Practicas/Practicas HTML/Practica 13/audio/suecia.mp3 b/Practicas/Practicas HTML/Practica 13/audio/suecia.mp3
new file mode 100644
index 0000000..bb1252b
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 13/audio/suecia.mp3 differ
diff --git a/Practicas/Practicas HTML/Practica 13/etiquetas de audio y video.txt b/Practicas/Practicas HTML/Practica 13/etiquetas de audio y video.txt
new file mode 100644
index 0000000..3ecbcab
--- /dev/null
+++ b/Practicas/Practicas HTML/Practica 13/etiquetas de audio y video.txt	
@@ -0,0 +1,5 @@
+<audio src="audio/audio.mp3" controls></audio>
+
+
+
+<video src="video/video.mp4" controls></video>
\ No newline at end of file
diff --git a/Practicas/Practicas HTML/Practica 13/imagenes/dinamarca.png b/Practicas/Practicas HTML/Practica 13/imagenes/dinamarca.png
new file mode 100644
index 0000000..4819da3
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 13/imagenes/dinamarca.png differ
diff --git a/Practicas/Practicas HTML/Practica 13/imagenes/finlandia.png b/Practicas/Practicas HTML/Practica 13/imagenes/finlandia.png
new file mode 100644
index 0000000..2418df1
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 13/imagenes/finlandia.png differ
diff --git a/Practicas/Practicas HTML/Practica 13/imagenes/noruega.png b/Practicas/Practicas HTML/Practica 13/imagenes/noruega.png
new file mode 100644
index 0000000..3f5af66
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 13/imagenes/noruega.png differ
diff --git a/Practicas/Practicas HTML/Practica 13/imagenes/suecia.png b/Practicas/Practicas HTML/Practica 13/imagenes/suecia.png
new file mode 100644
index 0000000..3fec11d
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 13/imagenes/suecia.png differ
diff --git a/Practicas/Practicas HTML/Practica 13/parametros etiqueta video.txt b/Practicas/Practicas HTML/Practica 13/parametros etiqueta video.txt
new file mode 100644
index 0000000..1c19340
--- /dev/null
+++ b/Practicas/Practicas HTML/Practica 13/parametros etiqueta video.txt	
@@ -0,0 +1,8 @@
+Los párametros que soporta <video> son:
+- Controls > Añade una barra con controles (es diferente por cada navegador).
+- Muted > Para quitar el audio al vídeo. Si queremos que se reproduzca  un vídeo en autoplay  en Chrome, tenemos que activar esta opción.
+- Autoplay > Para que el vídeo empiece sin necesidad de darle al play.
+- Loop > Para que se vuelva a reproducir cuando se acabe el vídeo.
+- Preload > Puede tomar los valores auto (carga el vídeo cuando carga la web), none (viene bién cuando tenemos una videogalería) y metadata (carga sólamente los metadatas)
+- Poster > Para añadir una imagen personalizada al inicio del vídeo.
+- Width - Height > Para especificar el ancho y el alto del vídeo.
\ No newline at end of file
diff --git a/Practicas/Practicas HTML/Practica 13/video/dinamarca.mp4 b/Practicas/Practicas HTML/Practica 13/video/dinamarca.mp4
new file mode 100644
index 0000000..10e3460
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 13/video/dinamarca.mp4 differ
diff --git a/Practicas/Practicas HTML/Practica 13/video/finlandia.mp4 b/Practicas/Practicas HTML/Practica 13/video/finlandia.mp4
new file mode 100644
index 0000000..4127642
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 13/video/finlandia.mp4 differ
diff --git a/Practicas/Practicas HTML/Practica 13/video/noruega.mp4 b/Practicas/Practicas HTML/Practica 13/video/noruega.mp4
new file mode 100644
index 0000000..6726f5d
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 13/video/noruega.mp4 differ
diff --git a/Practicas/Practicas HTML/Practica 13/video/suecia.mp4 b/Practicas/Practicas HTML/Practica 13/video/suecia.mp4
new file mode 100644
index 0000000..58eb28f
Binary files /dev/null and b/Practicas/Practicas HTML/Practica 13/video/suecia.mp4 differ
