Este documento describe las etiquetas HTML utilizadas para crear tablas y formato de texto. Explica cómo usar las etiquetas <tr>, <td>, y <th> para definir filas y celdas en una tabla, y los atributos como "align" y "valign" para alinear el contenido. También cubre etiquetas para cambiar el estilo de fuente, crear negrita, cursiva, subrayado, superíndices, subíndices y texto tachado.
1. Las filas: <tr>
Como hemos visto en el encabezado las filas seescriben <tr>. Con su cierre
</tr>. El contenido de las columnas que están dentro de la fila lo podemos
alinear tanto horizontalcomo vertical.
*Para aleatorio verticalmente utilizaremos el atributo “valing” para poder
alinearlo arriba de la celda (“top”), al centro “middle”.
*Para alinearlo horizontalmente “aling”, para alinear las celdas al centro
“center” a la izq. “left” a la derecha “right” o justificado “justify”.
Las celdas <td>
Las celdas que van dentro de cada fila las tenemos que escribirlas con la
etiqueta <td>.
Al igual que en las filas, en las celdas podemos definir en la alineación con la
etiqueta “valing” “aling”.
Las celdas poseen unos atributos que nos ayudan a poner agrupar celdas o
tantas columnas como indiquemos en él, para agrupar se utiliza “colspan” y
agrupar filas “roswpan”.
Las celdas <th>
Las celdas escritas con la etiqueta <th> y su cierre admiten los mismos
atributos que las etiquetas <td> y funciona de la misma forma, salvo que el
contenido que este dentro de una etiqueta <th> está considerado como el
encabezado de la TABLA, PORLO QUE SE CREARA EN NEGRITA Y CENTRADO
SINQUENOSOTROS SELO INDIQUEMOS.
Nowrap
Es un atributo que le podemos colocar a la etiqueta de cada celda y que
obligara al navegador a no romper esa línea. Con este atributo en la celda el
navegador no respeta el ancho predefinido en la tabla. Si es que lo hubiera y
respeta el ancho de la frase, ya que no puede partirla.
2. Etiqueta: “Caption”
Esta etiqueta sirvepara poder ponerle un titulo o encabezado a la tabla.
Puedes poner el encabezado arriba o abajo, donde tu prefieras, mediante la
etiqueta “aling=top” para ponerlo arriba y “aling= bottom”para ponerlo
abajo. En el siguiente ejemplo vemos que esta puesto abajo:
<caption aling= “bottom”>Encabezado de la tabla </caption>
Cambiar el tipo de letra:
<Font face = “arial”> ARIAL </Font>…arial
<font face = “times new roman”> TIMES NEW ROMAN</font>…times new
roman
<font face = “Courier new”> COURIERNEW </font>…Courier new
<font face = “roman”>ROMAN</font>…roman
<font face = “smallfonts”> SMALL FONTS </font>
<font face = “tahoma”> TAHOMA </font>
<font face = “impact”> IMPACT</font>
Negrita <b></b>
Existen dos etiquetas que hacen que nuestro texto se considera en negrita.
Cursiva <i></i> o <em></em>
Subrayado <u></u>
Para que la palabra o el texto quedaran subrayado seusa en el pasado el
rodearlo con la etiqueta.
Palabras más grandes o más pequeñas.
<small>Pequeñas </small>
<big>Grande </big>
<big><big> mas grande</big></big>
3. Superíndices y subíndices.
<sup></sup>- Ejemplo: H<sup>2 </sub>0
<sup></sup>- Ejemplo: 2<sup>3</sup>
Txto tachado:
Existen 3 etiquetas que se han venido usando para conseguir que un texto
quede tachado se usa loa etiqueta:
<strike></strike>
<del></del>
<s></s>