TABLA EN HTML


TABLA
Las tablas son construidas utilizando elementos. En particular, 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) ytd> (representando a las celdas)


ATRIBUTO 
  • Border (borde)
  • Width (ancho)
  • Height (Altura)
  • bordercolor (Color del borde)
  • cellspacing (espacio)
  • cellpadding
                             SINTAXIS:



LA ETIQUETA <TR>

el encabezado las filas se escriben gracias a las etiquetas <tr> con su correspondiente cierre </tr>.
  • Para alinearlo verticalmente. Atributo “valign”
  • Para poder alinearlo arriba de la celda Atributo “top”
  • Para el centro Atributo “middle
  • Debajo Atributo “bottom”
LA ETIQUETA <TD>


Las celdas que van dentro de cada fila las tenemos que escribirlas con la etiqueta <td> y su correspondiente cierre </td>.

ATRIBUTOS:
Para alinear dentro de una tabla
  •  “align”
  •  “valign” 
 agrupar celdas
  • colspan    ( indica el número de filas que ocupará la celda)
  • rowspan   (indica el número de columnas que ocupará la celda.)
Ejemplo -1 
Realizar una base de datos, con 5 trabajadores de una empresa,  las cuales tendrán: Nombre, Apellido, edad, dirección y teléfono,en los encabezado de tu celda.
aplica lo aprendido.


Nombre
Apellidos
Edad
Dirección
Telefono
Juan
García
18
Jr Los Retamozo
999665412
María
Palomino
22
Jr Los Rubie 2250
987652147
Verónica
Baca
25
Jr. Los Opalos
989654231
Antonio
Salazar
22
Jr.  Cubas 2221
978564231
Milagros
Ochoa
24
Jr. Amaces 3221
988675632

Desarrollo:

El archivo lo guardas con el nombre tabla.html


Descarga el archivo: contraseña:


EJERCICIO 01


Realiza la siguiente tabla aplicando las etiquetas y atributos ya mostrado.
- El archivo lo guardas con el nombre de: ejercicio2.html


HORARIO
LUNES
MARTES
MIERCOLES
Geometría
Trigonometría
Física
Algebra
Computación
Raz. Verbal

Descarga el archivo: contraseña:












0 comentarios:

Publicar un comentario