Tabla de contenido
¿Cómo se usa CodePen?
Dando clic en el botón «Start Coding» se abrirá una página de tres ventanas para codificar en HTML, CSS y JavaScript al mismo tiempo. Esto es lo que «CodePen» llama «Pen». Además, el preview de los códigos es muy rápido. En la primera ventana podemos escribir el código HTML, o sea, la estructura.
¿Cómo insertar imagen en CodePen?
Vamos a hacer uso de la etiqueta «img», ésta etiqueta nos ayudará a colocar una imagen, también hacemos uso del atributo «src», que nos ayuda a poner la dirección de donde se encuentra nuestra imagen y así aparezca en nuestra página, también usamos el atributo «alt», que nos coloca un texto en caso de no encontar la …
¿Cómo incrustar un video de YouTube dentro de una página web?
Incrustar un vídeo de Youtube dentro de una página web es muy fácil, simplemente hacemos click en la opción compartir y seleccionamos ‘Insertar’: De aquí copiamos el código HTML y lo pegamos en cualquier página web. El problema es que esté código no es responsive.
¿Cuáles son las características de codepen?
Lo bueno de CodePen es que es ideal para usuarios que están aprendiendo, pero a la misma vez es estupendo para usuarios que ya tienen experiencia, porque tiene una gran cantidad de características avanzadas a nuestra disposición, listas para utilizar de forma cómoda y práctica. 1. Separación de presentación, contenido y programación
¿Cuáles son las ventajas de codepen?
Una de las mayores ventajas de CodePen es que cuentan con una comunidad bastante grande ( que va aumentando poco a poco) de diseñadores y desarrolladores web que van aportando contenido a su faceta de red social.
¿Cómo añadir vídeos al código fuente de tu web?
Insertar vídeos con HTML5 es una tarea muy sencilla. Lo único que se necesita es un elemento nativo que pueda ser ampliado por medio de atributos especiales. El siguiente código muestra cómo añadir recursos de vídeo al código fuente de tu web