Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Primera Hoja de Ejercicios de HTML

    Cargado por

    dhijo7689
    26 vistas3 páginas
    ejercicios

    Título original

    Primera hoja de ejercicios de HTML

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    ejercicios

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    26 vistas3 páginas

    Primera Hoja de Ejercicios de HTML

    Cargado por

    dhijo7689
    ejercicios

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 3

    Ejercicios HTML.

    Opt 4º ESO Lorca, IES San Juan Bosco

    Primeros ejercicios de HTML.


    Ejercicio1.- Realiza tu primera página web utilizando el siguiente ejemplo.

    A continuación se muestra el código HTML de una página web muy sencilla:

    <html>

    <head>
    <title>El primer documento HTML</title>
    </head>

    <body>
    <p>El lenguaje HTML es <strong>tan sencillo</strong> que
    prácticamente se entiende sin estudiar el significado
    de sus etiquetas principales.</p>
    </body>

    </html>

    Si quieres probar este primer ejemplo, debes hacer lo siguiente:

    1. Abre un editor de archivos de texto y crea un archivo nuevo


    2. Copia el código HTML mostrado anteriormente y pégalo tal cual en el archivo
    que has creado
    3. Guarda el archivo con el nombre que quieras, pero con la extensión .html

    Para que el ejemplo anterior funcione correctamente, es imprescindible que utilices un


    editor de texto sin formato. Si tu sistema operativo es Windows, puedes utilizar el Bloc
    de notas, Wordpad, EmEditor, UltraEdit, Notepad++, etc. pero no puedes utilizar un
    procesador de textos como Word o Open Office. Si utilizas sistemas operativos tipo
    Linux, puedes utilizar editores como Gedit, Kedit, Kate e incluso Vi, pero no utilices
    KOffice ni Open Office.

    Ejercicio 2.- Determinar el código HTML correspondiente a la siguiente página:

    Profesor: Augusto Jiménez Gomariz


    Ejercicios HTML. Opt 4º ESO Lorca, IES San Juan Bosco

    Ejercicio 3.- Si se considera el siguiente ejemplo:

    <html>

    <head>
    <title>Ejemplo de elementos en línea y elementos de bloque</title>
    </head>

    <body>
    <p>Los párrafos son elementos de bloque.</p>
    <a href="http://www.google.com">Los enlaces son elementos en línea</a>
    <p>Dentro de un párrafo, <a href="http://www.google.com">los
    enlaces</a>
    siguen siendo elementos en línea.</p>
    </body>

    </html>

    Indica qué hace cada una de las etiquetas que se utilizan. Para poder entenderlas mejor,
    te recomiendo que copies el texto y veas el resultado.

    Ejercicio 4.- Tomando tres párrafos de la página de http://es.lipsum.com/feed/html


    quiero que le añadáis los párrafos adecuadamente, con un título que ponga en cada
    párrafo, párrafo1, párrafo2, … con distintos tipos de encabezado y además entre cada
    uno de los párrafos dejaremos una línea en blanco entre cada uno de los párrafos.

    Ejercicio 5.- Escribe y explica al lado el significado, de cada una de las etiquetas que
    has utilizado hasta este momento.

    Ejercicio 6.- Explica qué hacen las etiquetas de este código que vemos a continuación
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Mi primera página</title>
    </head>
    <body>
    <header>
    h1>Cabecera de nuestra página</h1>
    </header>
    <nav>
    <p>Navegación. Aquí podríamos insertar diferentes enlaces al resto de nuestras páginas</p>
    </nav>
    <section>
    <h1>Presentación</h1>
    </section>
    <article>
    <h2>Una breve nota</h2>
    <p>Mi primera página web, creada con tan sólo copiar y pegar.</p>
    </article>
    <footer>
    <p>Autor y fecha de publicación</p>
    </footer>
    </body>
    </html>

    Escribe dicho código y mira el resultado obtenido con cada etiqueta.

    Profesor: Augusto Jiménez Gomariz


    Ejercicios HTML. Opt 4º ESO Lorca, IES San Juan Bosco

    Ejercicio 7.- Realizar una página web en la que se anime al lector acceder a la página
    web del departamento de informática del IES San Juan Bosco, de forma que añadamos
    también el enlace a la página web, así, al pinchar sobre el enlace se abrirá la página del
    depto. de informática del IES San Juan Bosco. Debes echarle imaginación y hacer la
    página lo más completa posible, utilizando todos los elementos que hemos visto y
    conocido hasta ahora.

    Ejercicio 8.- Confeccione una página con las marcas mínimas que debe tener y en el
    cuerpo de la misma disponga su nombre y apellido.

    Ejercicio 9.- Confeccionar el titular de un periódico con un título de nivel 1. Luego


    definir dos títulos de segundo nivel con los textos (Noticias políticas y Noticias
    deportivas), en cada una de estas secciones definir dos titulares de tercer nivel con un
    párrafo cada una. Al final de la página mostrar un título de cuarto nivel con el nombre
    de la empresa propietaria del periódico.

    Ejercicio 10.- Confeccionar una página que muestre la definición de tres palabras.
    Aplicar el elemento strong a cada palabra previo a su definición. Luego agregar el
    elemento em a una o a un conjunto de palabras dentro de la definición.

    Ejercicio 11.- Confeccionar una página principal con dos hipervínculos a las páginas
    pagina2.html y pagina3.html. Luego en las dos páginas secundarias disponer
    hipervínculos a la página principal.

    Ejercicio 12.- Desarrollar una página que muestre dos imagenes llamadas foto2.jpg y
    foto3.jpg, las mismas se encuetran almacenadas en el servidor en la misma carpeta
    donde se almacenará la página que usted desarrollará. Disponer un título a cada imagen.

    Profesor: Augusto Jiménez Gomariz

    También podría gustarte