Tecnología

Inicio

Cómo agregar un título a una lista desordenada Con HTML

Cómo agregar un título a una lista desordenada Con HTML


En la construcción de un sitio web que contiene una gran cantidad de información, es posible que desee crear listas de texto como medio de organizar esa información en una forma fácilmente utilizable. Las listas desordenadas - listas con viñetas, a diferencia de las listas ordenadas, que utilizan números o letras para indicar un orden o secuencia - son la forma estándar de hacerlo cuando el orden de los elementos de la lista no es de importancia primordial. Sin embargo, las listas en HTML no vienen automáticamente con cualquier tipo de texto de cabecera para explicar o definir para sus lectores. Si usted quiere que su lista para comenzar con un título, debe añadir una tú mismo.

Instrucciones

1 Busque la lista que desea agregar un encabezado en el documento HTML. En particular, tendrá que localizar la etiqueta lista desordenada de apertura, que se parece a esto: <ul>. Si la lista ha anidado listas dentro de ella, encontrar la primera incidencia de esta etiqueta en el nido para agregar un encabezado a toda la cosa.

2 Añadir una línea directamente encima de la etiqueta lista desordenada de abrir con la tecla "retorno".

3 Crear una etiqueta de apertura y de cierre de cabeza en la nueva línea. Estos deben tener este aspecto: <h4> </ h4>.

4 Escriba el encabezado que desea que aparezca por encima de su lista de entre el corchete de cierre de la etiqueta de cabecera de apertura y el corchete de apertura de la etiqueta de cabecera de cierre.

5 Compruebe el aspecto de la nueva cabecera guardando el documento HTML y abrirlo en un navegador Web. Dependiendo del diseño del sitio, es posible que tenga que ajustar el tamaño del texto de cabecera. Para ello, cambie el número en las etiquetas de cabecera; los números más bajos significan una cabecera más grande, mientras que los números más altos significan una más pequeña. Asegúrese de que introduce el mismo número tanto en la apertura y el cierre de etiqueta de cabecera o no funcionará correctamente.

6 Haga coincidir la muesca de la nueva cabecera con la del resto de la lista, si lo desea, moviendo toda la cabecera (la ménsula del cabezal de apertura, el texto en sí, y el soporte del cabezal de cierre) en el medio de la etiqueta lista desordenada apertura y la primera etiqueta de apertura lista de elementos, que se parece a esto: <li>. Esto sangrar la cabecera y hacerlo parte de la lista, pero no va a añadir una marca de bala junto a él, ya que no se ha tomado la cabecera de un elemento de lista rodeándolo con las etiquetas de elementos de lista.