Cómo crear una lista desordenada de HTML5 y CSS3 programación

categoría Computadoras y software / Programación / Html

Todos los tipos de listas en HTML5 están estrechamente relacionados. El tipo más simple y más común de la lista es una lista desordenada. También puede utilizar listas ordenadas y listas anidadas en HTML.

Mira una lista desordenada

Mira la página simple. Además de un par de cabeceras, que tiene una lista de información.

Esta lista de los navegadores tiene algunas características visuales interesantes:

  • Los artículos son sangría. Hay algo más de espacio entre el margen izquierdo y al comienzo de cada elemento de la lista.

  • Los elementos de la lista tienen balas. Ese pequeño punto delante de cada elemento es un bala. Las balas son de uso común en las listas desordenadas como éste.

    imagen0.jpg

  • Cada artículo comienza una nueva línea. Cuando se muestra un elemento de la lista, se muestra en una nueva línea.

Estas características le ayudan a ver que usted tiene una lista, pero son comportamientos solo defecto. Definir algo como una lista no obliga a buscar una determinada manera- los valores por defecto solo ayudan a ver que estos artículos son de hecho parte de una lista.

Recuerde que la idea central de HTML aquí. Usted no se realmente que describe cómo las cosas Mira, pero lo que significar. Puede cambiar la apariencia más tarde, cuando a averiguar CSS, por lo que no consigue demasiado atado en el aspecto particular de las cosas. Por ahora, sólo reconocer que HTML puede crear listas, y asegúrese de que usted sabe cómo utilizar los distintos tipos.

¿Cómo construir una lista desordenada

Las listas están hechos con dos tipos de etiquetas. Una etiqueta rodea toda la lista e indica el tipo general de lista. Este ejemplo demuestra primero una lista desordenada, que está rodeado por el par.

Nota: Sangría de todo el código dentro de la

    conjunto es común. La lista desordenada puede ir en el cuerpo principal.

    Dentro de

      conjunto es una serie de elementos de la lista. Cada elemento de la lista se almacena entre una
    • (elemento de la lista) y un etiqueta. Normalmente, cada
    • par va en su propia línea del código fuente, aunque se puede hacer un elemento de la lista, siempre y cuando usted quiera.

      Puede cambiar la bala a todo tipo de otras imágenes, incluyendo círculos, cuadrados, e incluso imágenes personalizadas.

      El código de la lista desordenada es bastante sencillo:

      basicUL.html
      Listas básicos
      Los navegadores web comunes
      • Firefox
      • Cromo
      • explorador de Internet
      • Opera
      • Safari


      Artículos Relacionados

      Sobre el autor
      Cómo crear listas anidadas en html5 Cómo crear listas anidadas en html5

      Casi cualquier cosa cabe en una lista, a partir de conjuntos de instrucciones para las colecciones de enlaces. Puede crear subcategorías por anidación listas dentro de listas. Algunos de los usos comunes para las listas anidadas incluyen los…

      Cómo crear listas anidadas para HTML5 y CSS3 programación Cómo crear listas anidadas para HTML5 y CSS3 programación

      A veces, usted querrá crear contornos u otros tipos de datos complejos en sus páginas HTML5. Puede fácilmente anidar listas dentro de unos a otros, si quieres. Usted puede ver una lista más compleja que describe los nombres de gato populares en…

      Cómo crear listas numeradas en html5 Cómo crear listas numeradas en html5

      Las listas son herramientas poderosas para agrupar elementos similares, y en las listas a los visitantes a su sitio una manera fácil de hacer zoom en grupos de información. Casi cualquier cosa cabe en una lista, a partir de conjuntos de…

      Cómo crear listas ordenadas para HTML5 y CSS3 programación Cómo crear listas ordenadas para HTML5 y CSS3 programación

      Las listas ordenadas en HTML5 son casi exactamente igual que las listas no ordenadas. Las listas ordenadas tradicionalmente tienen números en lugar de balas (aunque se puede cambiar esto a través de CSS si no desea que los números).Cómo ver una…

      Cómo hacer listas de enlaces para HTML5 y programación css3 Cómo hacer listas de enlaces para HTML5 y programación css3

      Muchas páginas web resultan ser listas de enlaces en la programación HTML5 y CSS3. Porque las listas y enlaces van tan bien juntos, es bueno mirar un ejemplo. Observe esta lista de enlaces a libros escritos por un determinado autor.Este ejemplo no…

      Cómo utilizar imágenes en las listas de HTML5 y CSS3 programación Cómo utilizar imágenes en las listas de HTML5 y CSS3 programación

      No es un buen fondo, pero también se puede utilizar las imágenes de elementos de la lista para tu página web HTML5 y CSS3. A veces, es posible que desee algún tipo de bala especial para sus listas.En esta página, se han enumerado varias…

      Cómo formatear listas para su página web en el pi frambuesa Cómo formatear listas para su página web en el pi frambuesa

      Al crear una página web en la Raspberry Pi, es probable que necesite saber cómo dar formato a una lista. Las listas se utilizan más de lo que piensas para comunicar información, así que hay una forma estándar de formatear utilizando HTML.Hay…

      Cómo eliminar elementos de una lista de reproducción en iTunes Cómo eliminar elementos de una lista de reproducción en iTunes

      Si desea cambiar a tus listas de reproducción de iTunes, puede eliminar elementos de las listas de reproducción mientras que todavía guarda en su biblioteca. Cuando se elimina un elemento de una lista de reproducción, el artículo es…

      Etiquetas html Común Etiquetas html Común

      La siguiente tabla muestra algunas de las etiquetas HTML más comunes que se utilizará para construir su sitio web. Después de haber trabajado en HTML por un tiempo, estas etiquetas se convertirán en segunda naturaleza para usted.TagNombreEjemplo…

      Cómo crear una lista desplegable en una forma html5 Cómo crear una lista desplegable en una forma html5

      Las listas desplegables son una característica común en las páginas web, y HTML5 hace que la creación de ellos bastante infalible. Las listas desplegables permiten, el programador, especificar una serie de opciones que los visitantes de su sitio…

      Cómo crear listas en html5 Cómo crear listas en html5

      Las páginas web se crean con HTML5 son a menudo acerca de los datos, y los datos se organizan a menudo en las listas, que puede estar solo o anidan unos dentro de otros. Pueden estar numeradas o bien los artículos en sus listas (una ordenado…

      Cómo utilizar listas html en tu página web Cómo utilizar listas html en tu página web

      El uso de listas HTML es una gran manera de presentar la información a los lectores en sus páginas Web. Listas hacen que la información en su página web fácil de analizar. Aquí están algunas otras razones para utilizar las listas en sus…

      » » » » Cómo crear una lista desordenada de HTML5 y CSS3 programación