html: texto y tablas

Para dar formato al texto, acompañando a la etiqueta <font></font>podemos utilizar:

• size: tamaño absoluto 1-7
• Face: tipo de letra, separandola por coma, podemos poner varios tipos, que se elegirán por orden de aparición.
• Etiqueta  para poner el texto como subindice

Para  crear tablas utilizamos:

• Etiqueta <table> </table> para definir las tablas.
• Etiqueta <tr> </tr> para definir las características de la fila.
• Etiqueta <td> </td> para definir las caraterísticas de la celda.
• Atributo WIDTH para el ancho
• Atributo BORDER para poner el borde
• Atributo CELLSPACING define la separación entre las celdas en pixeles.
• Atributo CELLPADDING número pixeles entre borde y contenido.
• Atributo WIDTH y HEIGHT, ancho y alto, en pixeles o porcentaje.
• Atributo ALIGN alineación right, left, center.
• Atributo VALIGN alineación en vertical, top, botton, middle.
• Atributo BGCOLOR, color de fondo.
• Atributo BACKGROUND, imagen de fondo de la tabla.

Para unir celdas utilizamos:

• COLSPAN, para unir columnas.
• ROWSPAN, para unir filas

EJERCICIO: 

Con todo esto, haz un nuevo punto en el indice que se llame tablero y que nos envíe a un archivo nuevo, tablero.html. En este archivo nuevo crea una tabla, que ejerza de tablero de ajedrez, con las celdas en blanco y negro, poniendo imágenes de los buenos del señor de los anillos en un extremo y en el otro los malos. En la fila de los peones deberá aparecer el nombre en mayúsculas de los personajes que aparecene en la imágen: 

• Nombre de los malos, letra arial, tamaño 3

• Nombre de los buenos, letra helvetica, tamaño 4

• La letras en color rojo.

Un saludo