7
ETIQUETAS HTML MAQUETACION CON TABLAS

Las tablas

  • Upload
    wenorro

  • View
    186

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Las tablas

ETIQUETAS HTML

MAQUETACION

CON TABLAS

Page 2: Las tablas

TABLAS Las tablas son útiles para componer la página y

para presentar datos tabulares.

Con <table>......</table> Define dónde comienza y

termina la tabla.

<tr>......<tr> determina cada una de las filas de la tabla

<td>......</td> determina cada una de las columnas

dentro de las filas

Page 3: Las tablas
Page 4: Las tablas

<table width="XX%"> Determina la anchura de la tabla.

Puede darse en píxeles

(no lleva el símbolo %), o en porcentaje de la página.

<table height="XX> Determina la altura de la tabla en

píxeles.

<table border="X"> Establece el grosor en píxeles del

borde de la tabla

<table cellspacing="X"> Define el espacio en píxeles

entre las celdas

<table cellpadding="X"> Define el espacio en píxeles

entre el borde y el texto

Page 5: Las tablas

<td rowspan="2">&nbsp;</td> une dos celdas de

dos filas adyacentes, en una

única celda.

<td colspan="2">&nbsp;</td> une dos celdas de

dos columnas adyacentes en una

sola celda.

Dentro de cada celda se puede alinear el texto o

cualquier contenido, cambiar el

color de fondo, con las etiquetas habituales para

texto, párrafos o imágenes.

Page 6: Las tablas

LINEAS HORIZONTALES SEPARADORA

Esta líneas, me sirven para separar cualquier tipo de cosas que quiera poner en mi pagina, ya sea para separar una imagen de un lista o lo que sea.

Por ejemplo: yo en mi pagina quiero poner un párrafo y una opinión de alguien, pongo mi párrafo y una línea en

el medio para separar el párrafo de la opinión.

Page 7: Las tablas

<hr> línea horizontal.<hr width="x%"> anchura de la línea en porcentaje.<hr width=x> anchura de la línea en píxeles.<hr size=x> altura de la línea en píxeles.<hr align=center> línea alineada en el centro.<hr align=left> línea alineada a la izquierda.<hr align=right> línea alineada a la derecha.<hr noshade> línea sin efecto de sombra.</hr>