Ejercicio – Generación iterativa de encabezados html

Ejercicio – Generación iterativa de encabezados html

Print Friendly, PDF & Email
Valora esta entrada

En el script de este ejercicio vamos a practicar una estructura en iterativa o en bucle.

Enunciado

Crea un script que escriba 6 frases que representen los encabezados h1 a h6 según la imagen.

encabezados html h1 a h6
Ver solución (Haz clic)

Solución del ejercicio

El ejercicio se soluciona con una iteración de valores i=1 hasta i=6.

Se resuelve con un for(){}

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Encabezados h1 a h6">
        <meta name="author" content="Francesc Ricart">
        <title>Ejercicio javascript - generación de encabezados</title>
    </head>
    <body>
    
    <script>
        
    for (i=1;i<7;i++){
        document.write("<h"+i+">Esto es un encabezado h" + i);
        document.write("</h"+i+">");        
    }

    </script>

    </body>
</html>

¡Hola!

Querido lector,

En este ejercicio hemos repasado el for.

Espero que haya sido de utilidad.

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.