“Nunca he encontrado una persona tan ignorante que no pueda aprender algo de ella.”

domingo, 6 de noviembre de 2016

HTML II

HTML también puede usarse para ordenar ítems en una lista o en tablas, con sencillas etiquetas.


Para listas, tenemos la etiqueta <ol> en caso de querer ordenarlas, o <ul> en caso de que no nos importe el orden de estas. Delante de cada ítem o apartado de la lista debemos poner <li>, para diferenciar entre cada uno de ellos.

En tablas necesitamos más etiquetas,
<TABLE> para declarar que vamos a crear una tabla.</TABLE>
<TR> sirve para crear las filas del encabezado.</TR>
<TD> separa tantas columnas como se quiera.</TD>
<TABLE BORDER>  Establece un borde en la tabla.</TABLE>
<TR> Establece una fila dentro de una tabla </TR>
<TD> Define una celda dentro de una tabla</TD>
<TH>Centra una cabecera en la parte superior de la tabla o en un lado.</TH>
<CAPTION> Fija un título en la parte superior de la tabla.</CAPTION>


Atributos:  
border=numero Establece el grosor del borde de las celdas de la tabla. Con el atributo color, se puede asignar un color al borde, con los códigos html para colores.
align=top/bottom  Para la etiqueta caption, fija la posición del título, ya sea sobre la tabla o bajo ella.
align=left/center/right  Determina la ubicación de los datos dentro de las celdas. Sirve para las etiquetas tr, th y td.
td:
colspan=numero  Indica cuántas columnas ocupa la celda.
rowspan=numero  Indica cuántas líneas ocupa la celda.
width=numero/porcentaje  Se puede determinar el ancho de las celdas o de la tabla en píxeles o en una proporción con la página.