¿Cómo ejecutar código en 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.

Lee mas

¿Cómo usar CSS en CodePen?

Selectores css

En css lo primero que hay que hacer es seleccionar mediante un selector al elemento html que se le quieren dar atributos visuales. El selector va seguido por un par de {} (llaves), dentro de las llaves después pondremos las propiedades css que daran el diseño al elemento seleccionado. ¿Cómo poner una imagen en HTML 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 guardar un trabajo en CodePen?

Una vez ya termines tu código, simplemente das en el boton de «Save» para guardarlo y automáticamente ya tendrás la url en la barra de direcciones de tu navegador, lista para copiar y compartir, puedes hacer cuantos cambios quieras y todos se guardaran en la misma url.