lunes, 23 de marzo de 2015

html V: 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 <sub></sub> 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

No hay comentarios:

Publicar un comentario