Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Ejercicios HTML

    Cargado por

    Pol Carmona
    3 vistas13 páginas
    Este documento introduce los conceptos básicos del lenguaje HTML y proporciona una serie de ejercicios prácticos para crear páginas web utilizando etiquetas HTML comunes como <p>, <ul>, <ol>, <li> e <img>. El documento explica la función de las principales etiquetas HTML y muestra capturas de pantalla de los resultados de cada ejercicio.

    Descripción original:

    Título original

    20221007 Ejercicios HTML

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    ODT, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Este documento introduce los conceptos básicos del lenguaje HTML y proporciona una serie de ejercicios prácticos para crear páginas web utilizando etiquetas HTML comunes como <p>, <ul>, <ol>, <li> e <img>. El documento explica la función de las principales etiquetas HTML y muestra capturas de pantalla de los resultados de cada ejercicio.

    Copyright:

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

    Ejercicios HTML

    Cargado por

    Pol Carmona
    Este documento introduce los conceptos básicos del lenguaje HTML y proporciona una serie de ejercicios prácticos para crear páginas web utilizando etiquetas HTML comunes como <p>, <ul>, <ol>, <li> e <img>. El documento explica la función de las principales etiquetas HTML y muestra capturas de pantalla de los resultados de cada ejercicio.

    Copyright:

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

    INTRODUCCIÓN AL

    LENGUAJE HTML
    APLICACIONS WEB

    7 DE OCTUBRE DE 2022
    POL CARMONA SANCHEZ
    ÍNDICE

    EJERCICIO 1.................................................................................................................... 2

    EJERCICIO 2.................................................................................................................... 3

    EJERCICIO 3.................................................................................................................... 4

    EJERCICIO 4.................................................................................................................... 5

    EJERCICIO 5.................................................................................................................... 7

    EJERCICIO 6.................................................................................................................... 7

    EJERCICIO 7.................................................................................................................... 9

    EJERCICIO 8.................................................................................................................. 10

    EJERCICIO 9.................................................................................................................. 11

    EJERCICIO 10................................................................................................................ 12

    Webgrafía.................................................................................................................... 13
    EJERCICIO 1
    Crear una página web con este código HTML. Haga un pantallazo de lo que sale en pantalla.
    Explicar que significa cada una de las etiquetas

    Función de las etiquetas:

     <html> </html> Representa la raíz de una documento HTML. Todos los demás
    elementos de la estructura HTML deben ser recogidos dentro de estas etiquetas.

     <head> </head> Representa una colección de metadatos acerca del documento


    (enlaces, definiciones, scripts, hojas de estilo…).

     <title> </title> Esta etiqueta usada para definir el titulo de la página web.

     <body> </body> Al contrario que la etiqueta de metadatos <heat>, todo lo que quieras
    mostrar en la página web debe ir recogido dentro de las etiquetas de apertura y cierre de
    <body> (este contenido será el que se muestre en la web).

     <p> </p> Esta etiqueta se utiliza para escribir párrafos de texto.

     <strong> </strong> Esta etiqueta se utiliza para definir una palabra o conjunto de ellas
    como importantes.

    1
    EJERCICIO 2
    Una de las etiquetas más utilizadas en HTML es la etiqueta <p>, permite definir los párrafos
    que forman el texto de una página. Crear una página web con este código HTML. Haga un
    pantallazo de los que sale en pantalla Explicar el significado de cada una de las etiquetas.

    Función de las etiquetas:

     <html> </html> Representa la raíz de una documento HTML. Todos los demás
    elementos de la estructura HTML deben ser recogidos dentro de estas etiquetas.

     <head> </head> Representa una colección de metadatos acerca del documento


    (enlaces, definiciones, scripts, hojas de estilo…).

     <title> </title> Esta etiqueta usada para definir el título de la página web.

     <body> </body> Al contrario que la etiqueta de metadatos <heat>, todo lo que quieras
    mostrar en la página web debe ir recogido dentro de las etiquetas de apertura y cierre de
    <body> (este contenido será el que se muestre en la web).

     <p> </p> Esta etiqueta se utiliza para escribir párrafos de texto.

    2
    EJERCICIO 3
    Crear una página web con HTML cuyo final sea como el que se muestra en pantalla.

    Función de las etiquetas:

     <html> </html> Representa la raíz de una documento HTML. Todos los demás
    elementos de la estructura HTML deben ser recogidos dentro de estas etiquetas.

     <head> </head> Representa una colección de metadatos acerca del documento


    (enlaces, definiciones, scripts, hojas de estilo…).

     <title> </title> Esta etiqueta usada para definir el título de la página web.

     <body> </body> Al contrario que la etiqueta de metadatos <heat>, todo lo que quieras
    mostrar en la página web debe ir recogido dentro de las etiquetas de apertura y cierre de
    <body> (este contenido será el que se muestre en la web).

     <p> </p> Esta etiqueta se utiliza para escribir párrafos de texto.

     <strong> </strong> Esta etiqueta se utiliza para definir una palabra o conjunto de ellas
    como importantes.

     <i> </i> Esta etiqueta se utiliza para poner en cursiva a una palabra o conjunto de ellas.

    3
    EJERCICIO 4
    LISTAS DESORDENADAS EN HTML

    Crear una página web con código HTML. Haga un pantallazo de lo que sale en la pantalla (será
    una lista desordenada). Explicar el significado de cada una de las etiquetas.

    Función de las etiquetas:

     <html> </html> Representa la raíz de una documento HTML. Todos los demás
    elementos de la estructura HTML deben ser recogidos dentro de estas etiquetas.

     <head> </head> Representa una colección de metadatos acerca del documento


    (enlaces, definiciones, scripts, hojas de estilo…).

     <title> </title> Esta etiqueta usada para definir el título de la página web.

     <body> </body> Al contrario que la etiqueta de metadatos <heat>, todo lo que quieras
    mostrar en la página web debe ir recogido dentro de las etiquetas de apertura y cierre de
    <body> (este contenido será el que se muestre en la web).

     <ul> </ul> Se utiliza para crear una lista desordenada.

     <li> </li> Recoge el contenido de un elemento de una lista, sea ordenada o no.

    4
    EJERCICIO 5
    LISTAS ORDENADAS EN HTML

    Crear una página web con este código HTML. Haga un pantallazo de lo que salga en pantalla
    (será una lista desordenada). Explicar el significado de cada una de las etiquetas.

    Función de las etiquetas:

     <html> </html> Representa la raíz de una documento HTML. Todos los demás
    elementos de la estructura HTML deben ser recogidos dentro de estas etiquetas.

     <head> </head> Representa una colección de metadatos acerca del documento


    (enlaces, definiciones, scripts, hojas de estilo…).

     <title> </title> Esta etiqueta usada para definir el titulo de la página web.

     <body> </body> Al contrario que la etiqueta de metadatos <heat>, todo lo que quieras
    mostrar en la página web debe ir recogido dentro de las etiquetas de apertura y cierre de
    <body> (este contenido será el que se muestre en la web).

     <ol> </ol> Se utiliza para crear una lista ordenada.

     <li> </li> Recoge el contenido de un elemento de una lista, sea ordenada o no.

    5
    EJERCICIO 6
    LISTAS

    Crear una página web en HTML que cree una lista ordenada, una lista desordenada y una lista
    de definición. Cada lista ha de tener al menos 5 elementos. Haga un pantallazo de los que sale
    en pantalla. Explicar el significado de cada una de las etiquetas.

     <html> </html> Representa la raíz de una documento HTML. Todos los demás
    elementos de la estructura HTML deben ser recogidos dentro de estas etiquetas.

     <head> </head> Representa una colección de metadatos acerca del documento


    (enlaces, definiciones, scripts, hojas de estilo…).

     <title> </title> Esta etiqueta usada para definir el titulo de la página web.

    6
    EJERCICIO 7
    LISTAS

    Crear una página web en HTML que cree una lista numerada de 3 elementos. Dentro de cada
    elemento ha de haber una lista no numerada de 5 elementos. Cada lista ha de tener al menos
    5 elementos. Haga un pantallazo de lo que sale en pantalla. Explicar cada una de las etiquetas.

    Función de las etiquetas:

     <ol> </ol> Se utiliza para crear una lista ordenada.

     <li> </li> Recoge el contenido de un elemento de una lista, sea ordenada o no.

     <ul> </ul> Se utiliza para crear una lista desordenada.

    7
    EJERCICIO 8
    IMÁGENES

    Las imágenes son uno de los elementos más importantes de las páginas web. De hecho,
    prácticamente todas las páginas web incluyen muchas imágenes. Crear una página web en
    HTML utilizando imágenes. Haga un pantallazo de lo que sale en pantalla. Explicar para que
    sirve cada etiqueta.

    Función de las etiquetas:

     <html> </html> Representa la raíz de una documento HTML. Todos los demás
    elementos de la estructura HTML deben ser recogidos dentro de estas etiquetas.

     <body> </body> Al contrario que la etiqueta de metadatos <heat>, todo lo que quieras
    mostrar en la página web debe ir recogido dentro de las etiquetas de apertura y cierre de
    <body> (este contenido será el que se muestre en la web).

     <img>  Etiqueta para «pintar» una imagen en la págin

    EJERCICIO 9
    IMÁGENES
    8
    Crear una página web en HTML donde se insertan 5 imágenes indicando distintos tamaños.

    Probad a jugar con el tamaño indicando píxeles y porcentajes. Hacer pantallazo y explicar para
    que sirve cada etiqueta.

    Función de las etiquetas:

     <html> </html> Representa la raíz de una documento HTML. Todos los demás
    elementos de la estructura HTML deben ser recogidos dentro de estas etiquetas.

     <body> </body> Al contrario que la etiqueta de metadatos <heat>, todo lo que quieras
    mostrar en la página web debe ir recogido dentro de las etiquetas de apertura y cierre de
    <body> (este contenido será el que se muestre en la web).

     <img>  Etiqueta para «pintar» una imagen en la página web.

    9
    EJERCICIO 10
    ENLACES

    En HTML existen los enlaces. Enlaces externos, los cuales hacen que el navegador abandone la
    página donde se encuentra para acceder a páginas externas. También existen enlaces internos.
    Explicar y poner ejemplos de cómo se hacen enlaces en HTML.

    Función de las etiquetas:

     <html> </html> Representa la raíz de una documento HTML. Todos los demás
    elementos de la estructura HTML deben ser recogidos dentro de estas etiquetas.

     <head> </head> Representa una colección de metadatos acerca del documento


    (enlaces, definiciones, scripts, hojas de estilo…).

     <title> </title> Esta etiqueta usada para definir el título de la página web.

     <p> </p> Esta etiqueta se utiliza para escribir párrafos de texto.

     <a> </a>  Etiqueta utilizada para crear hiperenlaces en el documento HTML.

    Webgrafía

    10
    https://carontestudio.com/blog/listado-de-etiquetas-html/#:~:text=Las%20etiquetas%20HTML
    %20son%20peque%C3%B1os,ese%20texto%20como%20un%20p%C3%A1rrafo .

    https://www.ejemplos.co/categoria/ciencias-naturales/biologia/animales/

    https://onetomarket.es/diseno/margenes-en-html-sin-css/

    11

    También podría gustarte