Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo...
-
Upload
benito-soler-zuniga -
Category
Documents
-
view
220 -
download
0
Transcript of Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo...
![Page 1: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/1.jpg)
LENGUAJE DE HTML5CURSO DE TICS DON BOSCOCOLEGIO SALESIANO DON BOSCO DE
GUATEMALA2015
![Page 2: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/2.jpg)
HTML??
Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la misma
![Page 3: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/3.jpg)
Etiqueta….
Ejemplo de una etiqueta
<script> </script>
Las etiquetas poseen apertura y cierrre
![Page 4: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/4.jpg)
Etiquetas (II)
Pero algunas etiquetas no tienen cierre por lo que son algunas excepciones en el lenguaje de html por lo que es necesario saberlo.
A dichas etiquetas se les llama vacias
![Page 5: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/5.jpg)
Ejemplos:
<!DOCTYPE html> </br> <hr/>
![Page 6: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/6.jpg)
Generando mi html5
Cuando yo creo el documento html5 lo voy a crear por medio de un software que lo edite que edite mi codigo por lo que lo puedo generar por medio de:
1. sublime text 2. bloc de notas 3. NotePad ++ 4. Otro cual generador como droitedit
![Page 7: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/7.jpg)
Al momento de guardar…
Cuando yo guardo mi html5 en cualquier editor de texto se debe de guardar en el debido formato por lo que es necesario guardarlo bien.
Es VITAL guardarlo con el formato Ejemplo: segundobasico.html
![Page 8: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/8.jpg)
Después…
Luego de haberlo guardado con el debido formato debemos de ver nuestra página generada es decir el ejecutable el resultado de nuestra programación
Podemos verlo por medio del navegador web ya sea Safari, Internet Explorer, Google Chrome pero recordemos guardar cambios siempre
![Page 9: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/9.jpg)
Nota importante
Recordemos que estamos usando la versión mas actual de html que es html5 o bien esta estamos trabajando por lo que siempre hay que usar un buen navegador
![Page 10: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/10.jpg)
Mi primer paso con html
Por ejemplo lo primero que se coloca (usando html5) siempre es:
<!DOCTYPE html> Luego sigue la siguiente
estructura Por favor revise las tareas y
cuaderno y el libro…
![Page 11: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/11.jpg)
Sigue la estructura
Mi primer ejemplo Guardado: ejemplo.html Ubicación: escritorio Codigo:
<!DOCTYPE html> <html>…..
![Page 12: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/12.jpg)
Vea este ejemplo por favor
<!DOCTYPE html> <html> <head> <title> hola mundo </title> </head> </html>
![Page 13: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/13.jpg)
Explicacion….
La estructura anterior solamente muestra lo que es el encabezado de la pagina
Es decir solamente muestra la pestaña del navegador
CUANDO USTED ESTA EN SU NAVEGADOR MIRE LA PESTAÑA Y ESO ES LO QUE APARECERA
![Page 14: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/14.jpg)
Continua….
Entonces al momento de que usted abre su archivo este codigo solo genera en la pestaña la frase “hola mundo”
Aparte es el cuerpo de la pagina
![Page 15: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/15.jpg)
Luego…
Vamos con la estructura del cuerpo de la pagina!!!!
… … <body> </body> </html> Tres etiquetas piense y analice
![Page 16: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/16.jpg)
STOPPLEASE!!! OK??
RECUERDE JOVEN ESTUDIANTE EL LENGUAJE DE HTML5 ES EL INGLES
POR FAVOR ASI QUE MAS QUE REPASE DICHO LENGUAJE PARA NO TENER PROBLEMAS EN LA COMPRENSIÓN DE ETIQUETAS
BODY= CUERPO HTML= LENGUAJE DE MARCADO DE
HIPERTEXTO
![Page 17: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/17.jpg)
BUENO… PERO…
CONTINUAMOS… <body> <h1 style=“background-color: red”> sean todos bienvenidos </h1> </body>
![Page 18: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/18.jpg)
Continua… gracias..
Esta estructura se referia a mostrar un texto en mi pagina web sobre como mostrar…
Sean todos bienvenidos. (de color rojo marcado)
![Page 19: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/19.jpg)
Veamos!!
<!DOCTYPE html> <html> <head> <title> hola </title> </head> <body> <h1> bienvenidos </h1> </body> </html>
![Page 20: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/20.jpg)
Pruebe el ejemplo!
Ademas… LEA CUADERNO Y LIBRO!!!
![Page 21: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/21.jpg)
ESTRUCTURACABECERA!!!
<h1> ¿Pero que me faltó????<h2><h3><h4><h5><h6>
![Page 22: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/22.jpg)
PONGA ATENCIION!!
Ah ya…. Cerrar la etiqueta Si quiero mi titulo mayor (es decir
mayor tamaño)
<h1> Mi pagina web </h1> Esta es para el titulo del cuerpo de la
pagina
![Page 23: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/23.jpg)
Pero recuerde
RecuerdeAunque el el encabezado lleve la etiqueta title no se refiere al titulo del cuerpo de la pagina
<title> no es igual a <h1>STOP!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
![Page 24: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/24.jpg)
Etiquetas!!
<p></p> Es para colocar parrafo puede llevar
atributos los cuales aprenderemos poco a poco
<p> gerardo bosco </p>
![Page 25: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/25.jpg)
Imagen!!
Coloca una imagen en mi pagina es una de las mas sencillas de usar
Ejemplo:
<img src=“direccion de la ubicación de la imagen”>
![Page 26: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/26.jpg)
ETIQUETA CENTER
NOS AYUDA A CENTRAR EL TEXTO Y POR LO TANTO FORMA PARTE DE JUSTIFICAR EL TEXTO
<center></center>
![Page 27: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/27.jpg)
Color de fondo
Simple y sencillo por supuesto que en la segunda unidad ya no aplicaremos esta etiqueta sino que solamente css!!
<body bgcolor=“#f00000”>
![Page 28: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/28.jpg)
Color de letra..
Es la etiqueta font color es <font color=“blue”> </font
![Page 29: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/29.jpg)
mmm…
Pero en que me equivoque… Ahh ya..
<font </font>
![Page 30: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/30.jpg)
Etiquetas para subrayar
<ins></ins>
![Page 31: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/31.jpg)
Etiqueta para enfatizar
Enfatiza un texto al momento de colocarlo en la pagina
<em></em> Si quiero colocar un texto fuerte
enfatizado <strong><em> Mi texto enfatizad </em></strong>
![Page 32: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/32.jpg)
Texto grande y pequeño
<big></big> <small></small> Ponga atención y estudie cada etiqueta
puede practicarla en cada parte de su pagina
![Page 33: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/33.jpg)
Para variantes del parrafo
Italica: <i> </i> Negrita: <b></b> Parrafo: <p> </p> Tachado: <del></del> Parrafo tachado: ????
![Page 34: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/34.jpg)
Simple….
Combine la etiqueta del parrafo y del tachado..
![Page 35: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/35.jpg)
Superindice
Cuando leemos cualquier texto aparece un superindice o subindice es decir aquella que nos indica un pie de pagina
Superindice <p> <sup> 1 </sup> este es mi
ejemplo </p>
![Page 36: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/36.jpg)
Subíndice
Es lo mismo Solo que con <sub></sub>
![Page 37: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/37.jpg)
Tabla.
<table border=“10” width=“17”> <tr> <td> celda 1 </td> <td> celda 2 </td> </tr> </table>
![Page 38: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/38.jpg)
Recuerde que la tabla
Se compone de tr, td, th, table Entonces debe de usar cada parte de la
tabla para que lo pueda destacar Recuerde no hay una etiqueta para
tabla
![Page 39: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/39.jpg)
Etiqueta <tr>
¿Para que es tr¡? Es para fila en tabla es decir si hay un
<tr></tr> nos va a generar una fila en la tabla
![Page 40: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/40.jpg)
Etiqueta td
Esta nos va a generar una celda en la tabla <td></td> es decir aca va el contenido de la tabla
![Page 41: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/41.jpg)
Etiqueta ins
Para subrayar <ins></ins>
![Page 42: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/42.jpg)
Etiqueta del
Para tachar <del></del>
![Page 43: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/43.jpg)
Etiqueta bloquote
Para un bloque de citas <bloquote></bloquote>
![Page 44: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/44.jpg)
Etiqueta para enfatizar
Recuerdela por favor Para enfatizar <em> </em>
![Page 45: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/45.jpg)
Etiqueta color de fondo
<body bgcolor=“red”> <body bgcolor=“#F0000”>
Puede usar en inglés o paleta de colores
![Page 46: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/46.jpg)
Etiqueta para texto fuerte
<strong></strong>
NO LO CONFUNDA POR FAVOR
![Page 47: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/47.jpg)
Etiqueta para texto pequeño
<small></small>
![Page 48: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/48.jpg)
Etiqueta texto grande
<big></big>
![Page 49: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/49.jpg)
Etiqueta para color de tipo de letra
<font color=“magenta”> </font>
![Page 50: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/50.jpg)
Vea el ejemplo
<p> <font color=“blue”> Hoy es un buen dia </font> </p>
![Page 51: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/51.jpg)
Etiqueta que estructura el cuerpo de la pagina
<body> ---- ---- …. ---- --- </body> ES DECIR CUERPO DE LA PAGINA
![Page 52: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/52.jpg)
AVISO!
EL ENCABEZADO ES LA PESTAÑA QUE ESTA EN EL NAVEGADOR QUE USE ES DECIR SAFARI, INTERNET EXPLORER, GOOGLE CHROME, ETC..
AUNQUE DIGA ETIQUETA TITLE NO ES PARA EL TITULO
![Page 53: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/53.jpg)
PARA TITULO Y SUBTITULO
USE <h1></h1>
Hasta el…
<h6></h6>
![Page 54: Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.](https://reader036.fdocuments.net/reader036/viewer/2022062520/5665b4d21a28abb57c93fa25/html5/thumbnails/54.jpg)
NOTA IMPORTANTE:
JOVENES ESTUDIEN Y REPASEN Y SOBRE TODO PRACTIQUEN EN
CASA
BENDICIONES.