domingo, 26 de junio de 2022

Ejercicio selectores, cambia formato boton

Crea un documento HTML enlazado con el archivo CSS, incluyendo un boton que cuando se pase el puntero del raton por encima cambie de color de letra y fondo.



viernes, 24 de junio de 2022

Ejercicio flex-box

Crea un documento HTML, con el titulo Flex-box, con las siguientes caracteristicas:

    Documento CSS de estilos separado del HTML.

    10 imagenes de 200 pixeles de ancho

    Las imagenes deben adaptarse a la pantalla y cambiar al espacio disponible hacia abajo



miércoles, 22 de junio de 2022

Ejercicio selectores CSS

Crea un documento HTML con el título "Selectores  CSS", con las siguientes caracteristicas:

    1. Enlaza el fichero CSS con el documento HTML

    2. Dentro del body del documento crea un encabezado, poniendole un identificador unico.

    3. Añade una lista ordenada con 4 elementos, poniendole una clase al primer elemento.

    4. Añade una lista desordenada con 4 elementos, ponidendole la misma clase del punto anterior al primer elemento.

    5. En el CSS eliminar los margenes y paddings del documento, con el selector universal * ponerlos a 0.

    6. El primer elemento de cada lista mostrarlo en color azul.

    7. A traves de encadenar selectores, hacer que el primer elemento de cada lista tenga un tamaño de 1.8rem.


 



martes, 14 de junio de 2022

Ejercicio audio, video e imagen con HTML

Crea un nuevo documento HTML con las siguientes caracteristicas:

Dentro de la seccion, incluir 3 articulos (articles), segun lo siguiente:

    1. Titulo H2 indicando Video

        Incluyendo un video de Youtube 

    2. Titulo H2 indicando Imagen

        Incluyendo una imagen referenciada por URL

    3. Titulo H2 indicando Audio

        Busca audio en internet y enlazalo desde su etiqueta correspondiente




lunes, 13 de junio de 2022

Ejercicio tablas HTML

 Crea un documento HTML con una tabla que contenga lo siguiente:

    1. Columnas: Nombre, Apellidos, Nota final

    2. Con 4 filas rellenas de datos




Ejercicio formulario HTML

 Crea un documento HTML con un formulario que contenga:

    1. Un campo de texto nombre

    2. Un campo numerico edad

    3. Un campo de area de texto 

    4. Boton para enviar

    5. Boton de reset

Nota: en el action del formulario poner "#" para que no cambie de pagina.



viernes, 10 de junio de 2022

Ejercicio basico HTML

Haz 1 documento HTML con las siguientes caracteristicas
Utiliza la etiqueta de título para poner en el título "Ejercicio de Introducción a HTML"
Dentro de la etiqueta body pon un comentario y despues un par de parrafos.
Crea una lista con 3 enlaces a videos de youtube, poner como texto el titulo.

Ejecuta el documento html en el navegador, si quieres captura la visualizacion del navegador
con el codigo y publicalo en twitter con los hashtag #cursoudemy #josecodetech #haztuweb