Los tres mejores estilos para vuestras listas html

Descubre el secreto para escribir increíbles cabeceras de ranking mientras aprendes como crear listas anidadas en HTML Vamos a construir listas numeradas y no numeradas con las etiquetas ol y ul, y aprender como incluir unas dentro de otras.

  • Click here for the full video transcript

    [musica de introducción]

    Daisy: Hola astutos amigos! Soy yo, Daisy, y esta es mi lista de los diez mejores de entre los mas excepcionales titulares de ranking. Una de las partes más complicadas a la hora de escribir un sorprendentes listado es plantear un titular impresionante. Por tanto he reunido mi lista de los diez mejores titulares de listados. Debido a que su orden es importante, usaremos un lista ordenada para organizarlos. Cada titular estará entonces contenido en una etiqueta “list item”. ¡Comencemos! Número uno: Top 10 de los sustantivos plurales más estilosos para tu nombre. Ahora podemos pegar casi cualquier palabra que queramos en los espacios en blanco. “Anidemos” otra lista ordenada dentro de esta lista de artículos para todos los espacios en blanco del título. Porque esta lista está “anidada” dentro de nuestra lista de top ten, usa letras del alfabeto para indicar su orden en lugar de los números. Ahora cogeré sugerencias de mis telespectadores para llenar los espacios en blanco!

    [un nuevo mensaje suena]

    Top 10 de las rocas más estilosas para tu pastelito. Top 10 de los sombreros más estiloso para tu barba. Top 10 de las ballenas más estilosas para tu coche. Esos eran impresionantes titulares! Mira como anido todas las sugerencias en otra lista. Porque el orden de esas palabras no es un problema, he usado una lista sin orden. Esto hace la lista desglosada en lugar de numerada. Hagamos otra! El mejor 10 Imágenes adjetivo de nombre plural Vistiendo Sustantivo.

    [suena un nuevo mensaje]

    El top 10 de las más sabrosas imágenes de almuerzos con mantequilla del mundo. El top 10 de las más sofisticadas imágenes de plantas con cucharillas. El top 10 de las más desconcertantes imágenes de medusas vistiendo guantes. Soys muy graciosos! Intentémoslo con esta. Superlativo sustantivo adjetivo del nombre posesivo que pronombre no sabía verbo en tiempo pasado.

    [suena un nuevo mensaje]

    oh! es un enlace

    [musica de presentacion]

    >> Narrador: la descripción de la lista consiste en una serie de términos y sus definiciones. Para hacer una lista descriptiva debe empezar primero con la etiqueta dl. Esto permite las listas descriptivas. “Anidado” dentro de la etiqueta dl están las etiquetas dt y dd. La etiqueta dt permite los términos descriptivos y contiene la palabra que está siendo definida. La etiqueta dd permite las definiciones descriptivas y es usada para describir las palabras en la anterior etiqueta dt.

    >> Joe: Pero que pasa si mi término tiene múltiples definiciones?

    narrador: no te bajes los brazos, Joe. Todas las etiquetas dd bajo una dt aplican ese término, asique un término puede terner cualquier número de definiciones.

    >> Joe: Caray!

    Hicimos listas numeradas y no numeradas con las etiquetas ol y ul y aprendimos como anidar unas listas dentro de otras.

    La próxima vez descubriremos los muchos usos de la etiqueta más importante de HTML, la etiqueta ancla, y navegaremos por internet haciendo (enlaces/links) a otras páginas y sitios web.

    [música outro]

Únete al debate

Subscribe to our Mailing List

Stay up to date on the latest videos and tutorials with our monthly newsletter

The email entered is invalid
×