Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Ejercicios HTML 3 Listas

    Încărcat de

    pepedguez
    110 vizualizări13 pagini
    Los documentos presentan ejemplos de código HTML para mostrar diferentes tipos y niveles de anidamiento de listas. Se muestran listas desordenadas, ordenadas, anidadas y de definiciones con varios elementos.

    Descriere originală:

    Drepturi de autor

    © Attribution Non-Commercial (BY-NC)

    Formate disponibile

    PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    Los documentos presentan ejemplos de código HTML para mostrar diferentes tipos y niveles de anidamiento de listas. Se muestran listas desordenadas, ordenadas, anidadas y de definiciones con varios elementos.

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    110 vizualizări13 pagini

    Ejercicios HTML 3 Listas

    Încărcat de

    pepedguez
    Los documentos presentan ejemplos de código HTML para mostrar diferentes tipos y niveles de anidamiento de listas. Se muestran listas desordenadas, ordenadas, anidadas y de definiciones con varios elementos.

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 13

    Ejercicios HTML 3 : LISTAS Ejercicio 3.

    1 listas_1

    Cdigo:
    <html> <head> <title> Uso de listas </title> </head> <body> <h1><u> Men&uacute; de la casa. </u></h1> <!--A continuacin empieza la lista --> <ul> <li>Sopa castellana</li> <li>Bacalao al Pil-Pil</li> <li>Tortilla</li> <li>Ternera asada</li> <li>Besugo al horno</li> <li>Ternera encebollada</li> </ul> <!-- En la lnea de encima acaba la lista --> </body> </html>

    Ejercicio 3.2 listas_2

    Cdigo:
    <html> <head> <title> Uso de listas </title> </head> <body> <h1><u> Men&uacute; de la casa. </u></h1> <!--A continuacin empieza la lista --> <ul> <li>Sopa castellana</li> <li>Bacalao al Pil-Pil</li> <li>Tortilla</li> <!--A continuacin empieza la lista secundaria --> <ul> <li>De patatas</li> <li>De at&uacute;n</li> <li>De jam&oacute;n</li> <li>De chorizo</li> </ul> <!-- En la lnea de encima acaba la lista secundaria --> <li>Ternera asada</li> <li>Besugo al horno</li> <li>Ternera encebollada</li> </ul> <!-- En la lnea de encima acaba la lista --> </body> </html>

    Ejercicio 3.3 listas_3

    Cdigo:
    <html> <head> <title> Uso de listas </title> </head> <body> <h1><u> Men&uacute; de la casa. </u></h1> <!--A continuacin empiezan tres listas anidadas --> <ul> <li>Sopa castellana</li> <li>Bacalao al Pil-Pil</li> <li>Tortilla</li> <!-- Ahora empieza la segunda lista --> <ul> <li>De patatas</li> <li>De at&uacute;n</li> <li>De jam&oacute;n</li> <!-- Ahora empieza la tercera lista --> <ul> <li>De jam&oacute;n serrano</li> <li>De jam&oacute;n de York</li> </ul> <!-- Ha acabado la tercera lista --> <li>De chorizo</li> </ul> <!--Ha acabado la segunda lista --> <li>Ternera asada</li> <li>Besugo al horno</li> <li>Ternera encebollada</li> </ul> <!--Ha acabado la primera lista --> </body> </html>

    Ejercicio 3.4 listas_4

    Cdigo:
    <html> <head> <title> Uso de listas </title> </head> <body> <!--A continuacin vemos que la indentacin de las listas es independiente de la del cdigo --> <h1><u> Men&uacute; de la casa. </u></h1> <ul> <li>Sopa castellana</li> <li>Bacalao al Pil-Pil</li> <li>Tortilla</li> <ul> <li>De patatas</li> <li>De at&uacute;n</li> <li>De jam&oacute;n</li> <ul> <li>De jam&oacute;n serrano</li> <li>De jam&oacute;n de York</li> </ul> <li>De chorizo</li> </ul> <li>Ternera asada</li> <li>Besugo al horno</li> <li>Ternera encebollada</li> </ul> </body> </html>

    Ejercicio 3.5 listas_5

    Cdigo:
    <html> <head> <title> Uso de listas </title> </head> <body> <h1><u> Men&uacute; de la casa. </u></h1> <!-- Podemos anidar todas las listas que necesitemos --> <ul> <li>Sopa castellana</li> <li>Bacalao al Pil-Pil</li> <li>Tortilla</li> <ul> <li>De patatas</li> <li>De at&uacute;n</li> <li>De jam&oacute;n</li> <ul> <li>De jam&oacute;n serrano</li> <ul> <li>Normal</li> <li>Superior</li> <li>Pata Negra</li> </ul> <li>De jam&oacute;n de York</li> </ul> <li>De chorizo</li> </ul> <li>Ternera asada</li> <li>Besugo al horno</li> <li>Ternera encebollada</li> </ul> <!-- Como ve, hay cuatro niveles de anidamiento --> </body> </html>

    Ejercicio 3.6 listas_6

    Cdigo:
    <html> <head> <title> Uso de listas </title> </head> <body> <h1><u> Men&uacute; de la casa. </u></h1> <!-- Podemos elegir los boliches que queramos para las listas --> <ul type="circle"> <li>Sopa castellana</li> <li>Bacalao al Pil-Pil</li> <li>Tortilla</li> <ul type="circle"> <li>De patatas</li> <li>De at&uacute;n</li> <li>De jam&oacute;n</li> <ul type="circle"> <li>De jam&oacute;n serrano</li> <li>De jam&oacute;n de York</li> </ul> <li>De chorizo</li> </ul> <li>Ternera asada</li> <li>Besugo al horno</li> <li>Ternera encebollada</li> </ul> </body> </html>

    Ejercicio 3.7 listas_7

    Cdigo:
    <html> <head> <title> Uso de listas </title> </head> <body> <h1><u> Men&uacute; de la casa. </u></h1> <!--A continuacin empieza la lista --> <!-- Cada elemento va precedido por un nmero --> <ol> <li>Sopa castellana</li> <li>Bacalao al Pil-Pil</li> <li>Tortilla</li> <li>Ternera asada</li> <li>Besugo al horno</li> <li>Ternera encebollada</li> </ol> <!-- En la lnea de encima acaba la lista --> </body> </html>

    Ejercicio 3.8 listas_8

    Cdigo:
    <html> <head> <title> Uso de listas </title> </head> <body> <h1><u> Men&uacute; de la casa. </u></h1> <!-- Aqu empieza la lista principal --> <ol> <li>Sopa castellana</li> <li>Bacalao al Pil-Pil</li> <li>Tortilla</li> <!-Aqu empieza una lista anidada --> <ol> <li>De patatas</li> <li>De at&uacute;n</li> <li>De jam&oacute;n</li> <li>De chorizo</li> </ol> <!-- Ha acabado la lista anidada --> <li>Ternera asada</li> <li>Besugo al horno</li> <li>Ternera encebollada</li> </ol> <!-- Ha acabado la lista principal --> </body> </html>

    Ejercicio 3.9 listas_9

    Cdigo:
    <html> <head> <title> Uso de listas </title> </head> <body> <h1><u> Men&uacute; de la casa. </u></h1> <!-- Aqu empieza una lista numerada --> <ol> <li>Sopa castellana</li> <li>Bacalao al Pil-Pil</li> <li>Tortilla</li> <!-- Aqu empieza una lista de vietas --> <ul> <li>De patatas</li> <li>De at&uacute;n</li> <li>De jam&oacute;n</li> <li>De chorizo</li> </ul> <!--Ha terminado la lista de vietas --> <!-- Desde aqu sigue la lista numerada --> <li>Ternera asada</li> <li>Besugo al horno</li> <li>Ternera encebollada</li> </ol> <!-- Ha terminado la lista numerada --> </body> </html>

    Ejercicio 3.10 listas_10

    Cdigo:
    <html> <head> <title> Uso de listas </title> </head> <body> <h1><u> Men&uacute; de la casa. </u></h1> <!-- A continuacin empieza una lista numerada con LETRAS MAYSCULAS --> <ol type="A"> <li>Sopa castellana</li> <li>Bacalao al Pil-Pil</li> <li>Tortilla</li> <!-- A continuacin empieza una lista numerada con letras minsculas --> <ol type="a"> <li>De patatas</li> <li>De at&uacute;n</li> <li>De jam&oacute;n</li> <li>De chorizo</li> </ol> <!-- Aqu acaba la lista con minsculas--> <li>Ternera asada</li> <li>Besugo al horno</li> <li>Ternera encebollada</li> </ol> <!-- Aqu acaba la lista con MAYSCULAS --> </body> </html>

    Ejercicio 3.11 listas_11

    Cdigo:
    <html> <head> <title> Uso de listas </title> </head> <body> <h1><u> Men&uacute; de la casa. </u></h1> <!-- Aqu empieza una lista con nmeros romanos en MAYSCULAS --> <ol type="I"> <li>Sopa castellana</li> <li>Bacalao al Pil-Pil</li> <li>Tortilla</li> <!-- Aqu empieza una lista con nmeros romanos en minsculas --> <ol type="i"> <li>De patatas</li> <li>De at&uacute;n</li> <li>De jam&oacute;n</li> <li>De chorizo</li> </ol> <!-- Aqu sigue la lista con nmeros romanos en MAYSCULAS --> <li>Ternera asada</li> <li>Besugo al horno</li> <li>Ternera encebollada</li> </ol> <!-- Ya han acabado las dos listas --> </body> </html>

    Ejercicio 3.12 listas_12

    Cdigo:
    <html> <head> <title> Uso de listas </title> </head> <body> <!-- La siguiente lista empieza a contar desde 3 --> <ol start=3> <li>Primer elemento de la lista</li> <li>Segundo elemento de la lista</li> <!-- La siguiente lista empieza a contar desde la letra d --> <ol type="a" start=4> <li>Primer elemento de la sub-lista</li> <li>Segundo elemento de la sub-lista</li> </ol> <li>Tercer elemento de la lista</li> </ol> </body> </html>

    Ejercicio 3.13 listas_13

    Cdigo:
    <html> <head> <title> Uso de listas </title> </head> <body> <!-- A continuacin empieza la lista de definiciones --> <dl>Nombre de la lista <!-- A continuacin aparece un trmino de la lista --> <dt>T&eacute;rmino 1</dt> <!-- A continuacin aparecen las definiciones para este trmino --> <dd>Primera definici&oacute;n del T&eacute;rmino 1</dd> <dd>Segunda definici&oacute;n del T&eacute;rmino 1</dd> <dd>Tercera definici&oacute;n del T&eacute;rmino 1</dd> <!-- Empieza el segundo trmino --> <dt>T&eacute;rmino 2</dt> <!-- Definiciones para el segundo trmino --> <dd>Primera definici&oacute;n del T&eacute;rmino 2</dd> <dd>Segunda definici&oacute;n del T&eacute;rmino 2</dd> <!-- Empieza el tercer trmino --> <dt>T&eacute;rmino 3</dt> <!-- Definiciones para el tercer trmino --> <dd>Primera definici&oacute;n del T&eacute;rmino 3</dd> <dd>Segunda definici&oacute;n del T&eacute;rmino 3</dd> <dd>Tercera definici&oacute;n del T&eacute;rmino 3</dd> <dd>Cuarta definici&oacute;n del T&eacute;rmino 3</dd> <!-- Ahora acaba la lista --> </dl> </body> </html>

    S-ar putea să vă placă și