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




sábado, 14 de mayo de 2022

JavaScript. Ejercicio practico

Crear una web que calcule el perimetro y area de un cuadrado, las medidas las facilita el usuario a traves de un formulario.

Se realizara usando html, archivo javascript aparte y bootstrap para dar formato a la web.

Un boceto de como debe quedar el resultado: