¿Cómo insertar listas en wordpress con html

Digamos que usted necesita para proporcionar un formato de aspecto limpio para listas de información que publica en su sitio web WordPress. Con el formato HTML, puede proporcionar fácilmente listas que tienen un formato diferente, en función de sus necesidades.

Las listas ordenadas se numeran secuencialmente. Un ejemplo es una lista paso a paso de cosas por hacer, como este:

  1. Escribir todos los capítulos de libros.

  2. Presentar capítulos de libros de la editorial.

  3. Pánico un poco cuando el libro se libera al público.

  4. Respirar aliviados cuando comentarios públicos son abrumadoramente positivos!

Las listas ordenadas son fáciles de crear en un programa como Microsoft Word, o incluso en el editor de entradas de WordPress porque se puede utilizar el editor WYSIWYG para dar formato a la lista para usted. Sin embargo, si se desea codificar una lista ordenada utilizando HTML, la experiencia es un poco diferente. La anterior muestra la lista de pasos se parece a esto cuando se utiliza el formato HTML:

  1. Escribir todos los capítulos de libros.
  2. Presentar capítulos de libros de la editorial.
  3. Pánico un poco cuando el libro se libera al público.
  4. Respirar aliviados cuando comentarios públicos son abrumadoramente positivos!

Video: Insertar o Crear un Banners en Wordpress (HTML) - Hacer una Página Web con Wordpress (15)

El principio dice a su navegador web para mostrar esta lista como una lista ordenada, lo que significa que se puede pedir con números que empiezan por el número 1. La lista completa termina con la etiqueta HTML, que indica al navegador web que la lista ordenada se ha completado .

Video: Crear Tabla en Blog Wordpress sin utilizar Plugin

Entre los elementos de la lista y que están designados como tales por el marcado HTML. Cada elemento de la lista comienza con y termina con, lo que indica al navegador web para mostrar la línea de texto como un elemento de la lista.

Si usted no cierra una etiqueta de marcado HTML abierta - por ejemplo, si se inicia una lista ordenada con pero no incluye el cierre al final - ya que se rompe la pantalla en su sitio web debido a que el navegador web considera nada debajo de la inicial a formar parte de la lista ordenada hasta que reconozca la etiqueta de cierre:.

Las listas no ordenadas son muy similares a las listas ordenadas, excepto que en lugar de utilizar números, utilizan viñetas para mostrar la lista, así:

  • Escribir todos los capítulos de libros.

  • Presentar capítulos de libros de la editorial.

  • Pánico un poco cuando el libro se libera al público.

  • Respirar aliviados cuando comentarios públicos son abrumadoramente positivos!

El código HTML para una lista no ordenada es igual que la lista ordenada, excepto que en lugar de utilizar la etiqueta, se utiliza la etiqueta (UL = lista desordenada):

  • Escribir todos los capítulos de libros.
  • Presentar capítulos de libros de la editorial.
  • Pánico un poco cuando el libro se libera al público.
  • Respirar aliviados cuando comentarios públicos son abrumadoramente positivos!

Tenga en cuenta que tanto las listas ordenadas y desordenadas utilizan las etiquetas de elemento de lista, y, y la única diferencia es en el primer etiquetas de apertura y el último cierre:

  • Las listas ordenadas: uso y

    Video: Insertar un HTML Como Widget En WordPress (insertar un HTML)

  • Las listas no ordenadas: Utilizar

    y
  • elementos de la lista: Utilizar

  • y
  • Artículos Relacionados