Cómo convertir una lista de viñetas a una tabla en HTML

Las tablas y listas desordenadas son dos métodos que utilizan los diseñadores Web a los datos de formato en un sitio web. Una lista sin orden compila datos en una lista con viñetas, mientras que una tabla utiliza hileras de células similares a una hoja de cálculo. Los dos formatos son bastante similares, por lo que es fácil de convertir una lista desordenada en una tabla de base. Todo lo que necesita hacer es cambiar las etiquetas HTML de la lista en las etiquetas necesarias para una mesa.

Instrucciones

1 Abra el archivo HTML en un programa de edición de texto.

2 Navegue hasta el inicio de la lista desordenada. Se verá algo como esto:

<Ul>

<Li> Artículo 1

<Li> Artículo 2

<Li> Artículo 3

</ Ul>

3 Reemplazar el <ul> que comienza la lista de topos usando <table> para iniciar una mesa. Si lo desea, agregue <table border = "1"> para crear una tabla con un borde. El número se puede cambiar a cualquier ancho de borde que desee.

4 Reemplazar cada <li> por <tr> <td> antes de que el contenido, y </ td> </ tr> después. Por ejemplo, "<li> Artículo 1" se convierte en "<tr> <td> Artículo 1 </ td> </ tr>"

5 Reemplazar el </ ul> al final de la lista con </ table> para cerrar la tabla. Después de este procedimiento, la lista en el paso 2 se ha convertido en la siguiente tabla:

<Table>

<Tr> <td> Artículo 1 </ td> </ tr>

<Tr> <td> Artículo 2 </ td> </ tr>

<Tr> <td> Artículo 3 </ td> </ tr>

</ Table>