miércoles, 19 de noviembre de 2025

Semana 3 Clase 9

EJERCICIO HTML

Realice en el block de notas este ejercicio. Escriba o TYPEE la informacion, no la copie.

Al finalizar grabe su documento como EJERCICIO.HTML

<!DOCTYPE html>

<html lang="es">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Página de Ejemplo - 50 Líneas</title>

    </head>

<body>


    <header>

        <h1>Mi Sitio Web de Práctica HTML</h1>

        <p>Un ejercicio para demostrar 50 líneas de código.</p>


    </header>


    <hr> <main>

        <h2>Introducción al Contenido</h2>

        <p>

            Esta es la primera línea de un párrafo extenso. El HTML (HyperText Markup Language)

            es el lenguaje de marcado estándar para la creación de páginas web. Define la

            estructura y el contenido de la web.

        </p>

        <p>

            El objetivo de este documento es incluir varios tipos de elementos estructurales,

            como listas ordenadas y no ordenadas, y un ejemplo de hipervínculo para navegación.

        </p>


        <h3>Lista de Habilidades</h3>

        <ul>

            <li>HTML5 (Estructura)</li>

            <li>CSS3 (Estilos)</li>

            <li>JavaScript (Interactividad)</li>

        </ul>


        <h3>Pasos para Aprender</h3>

        <ol>

            <li>Entender la sintaxis básica.</li>

            <li>Practicar con etiquetas comunes.</li>

            <li>Validar el código.</li>

            <li>Aplicar estilos CSS.</li>

        </ol>


        <h3>Recursos</h3>

        <p>Visita el sitio de un recurso útil:</p>

        <a href="https://www.google.com" target="_blank">Ir a Google</a>

        <br>


        <img src="placeholder.jpg" alt="Imagen de marcador de posición" width="150">


        <h3>Tabla de Datos</h3>

        <table>

            <tr>

                <th>Elemento</th>

                <th>Función</th>

            </tr>

            <tr>

                <td>&lt;p&gt;</td>

                <td>Párrafo</td>

            </tr>

            <tr>

                <td>&lt;a&gt;</td>

                <td>Hipervínculo</td>

            </tr>

        </table>

    </main>


    <footer>

        <p>&copy; 2025 - Derechos Reservados.</p>

    </footer>


</body>

</html>

DEBERA QUEDAR ASI...


No hay comentarios:

Publicar un comentario