¿Cómo crear listas y tablas en HTML?

Definición de listas y tablas en HTML

Etiqueta centro

La etiqueta center se utiliza para alinear el texto al centro.

<center> aquí va el texto a centrar</center>

Listas

Existen dos tipos de listas las ordenadas y desordenadas. 

Listas ordenadas: 

  • Son aquellas que nos muestran los elementos de la lista en orden. Para representar el orden tendremos los elementos numerados. Es decir, cada uno de los elementos ira precedido de un numero o letras que establezca su orden. Las listas ordenadas en HTML, se representa mediante el elemento (ol).


<ol>..........</ol>

Cada elemento de las lista ordenadas se representa mediante el elemento (li).

<ol>

<li> elemento 1 </li>

<li> elemento 2 </li>

...

</ol> 

 Listas desordenadas:

  • Nos sirven para mostrar los elementos sin ningún tipo de orden, simplemente precedidos por una viñeta que puede ser un punto o un cuadrado. Para definir una lista desordenada en HTML utilizamos el elemento (ul). 
<ul>..........</ul>

Para representar los elementos de la lista desordenada utilizamos el mismo elemento que en las listas ordenadas ,es decir, el elemento (li). 

<ul> 

<li> elemento 1 </li> 

<li> elemento 2 </li> 

... 

</ul>

Tablas

  • Una tabla no es otra cosa más que un medio de organizar datos en filas y columnas. Este ha sido adoptado por HTML en sus etapas iniciales, como una forma de transmitir información.

Una tabla básica puede ser declarada usando tres elementos, a saber, table (el contenedor principal), tr (representando a las filas contenedoras de las celdas) y td (representando a las celdas), mas un elemento llamado las (celdas de encabezado), representadas por el elemento th, son ubicadas en la primera fila de la tabla, encima de las celdas comunes.

Estructura 

<table>

<tr>

<th>...</th>

<th>...</th>

<th>...</th>

</tr>

<tr>

<td>...</td>

<td>...</td>

<td>...</td>

</tr>

</table>