Tablas, mapeo de imagenes en html

Tablas

Es un grupo de filas donde cada una de ellas cintiene un grupo de celdas.
Las tablas HTML son definidas usando tags:
"HTML Table" principal contenedor.   
"HTML Tr" filas conenedoras.
"HTML Td" celda simple.
 Los bordes son creados utilizando el atributo:
"border" para el tag html table: es muy utilizado para mejorar la visualixzacion.

• Tipos de celdas

HTML Td  celda sinple.
HTML Th celda especial, conitene informacion encabezada para todas las celdas en la columna. 

Los navegadores pueden grficar el contenido de la celda de encabezado en una manera especial (texto centrado y en negrita).

Las celdas de encavezado proporcionan mas informacion oculta que puede ser util para navegadores no visuales y arañas o red a internet.

El atributo "Headers"  define una lista de celdas que contiene informacion de encavezado para la celda actual y "scope"   para definir una lista de celdas para las cuales la celda actual provee informacion de encavezado. 

• Unifinando celdas

Puede lograrce mediente los atributos:
Rowspan  para inificar verticelmente.
Colspan  para definir horizontalmente.

• Dimecionar celdas

El atamaño de una tabla en HTML se establece cuando  los atributos  "Width" "Height".
Col:  columnas. 
Colgroup:  grupo de columnas.
Tr:  filas.
Table:  tabla.

• Agrupacion horizontal

Una tabla HTML puede agruparce en 3 grupos verticales:
Thead:  encabezado.
Tbody:  cuerpo.
Tfoot:  pie.

Cada tag encierra un grupo de filas.
Una sola tabla puede tener mas de un cuerpo, esto proporciona a los autores una forma de agrupar o separar filas. 

• Agrupacion Vertical

Permite agrupar las columnas verticalmente con los atributos a columnas enteras del tag usando 2 tags:

Col  y  Colgroup.   


Hipervinculos

Su atributo es:
Name  o  Id  en esa posicion del docuemento HTML.
El URL de la posicion es el URL de la paginas  con   "#atributo name"  añadido-
Los enlaces crean un espacio hipermedia, un ambito de interaccion humana que intestifica la densidad de los mensajes.

Un navegador WEB muestra un  hìperenlace  de forma como colocar letra o estilo diferente.
El puntero del raton puede cambiar a forma de mano para indicar el enlace. 

El codigo HTML contiene todas las caracterisitcas principales de un enlace.

Target:  destino o ubicacion.
Label:  etiqueta.
Title:  titulo.
Class  o   Id:  clase.
A href:     direccion de destino al dar clic sobre el.

Imagenes

<img src="url">
Este tag se usa para insertar una imagen JPG o GIF en un documento o pagina, sus principales atributos son:
Src="url" :  direccion donde se encuentra almacendada la imagen.    
Align="8deef, right, top, middle, bottom)":  acomoda la imagen con respecto al texto que lo rodea.
Height="n de pixeles":  altura de pixeles de la imagen. 
Widht="n de poxeñes":      ancho de pixeles de la imagen.

•  Mapeo de imagenes

Se usan para construir imagenes que contiene  "hot spots"  donde el click activa una direccion web absoluta (http://misitio.com).
Este tag nos forma completa debe de inducir 3 partes:
<Map name="nombre del mapa" >
<Area>  crea la zona o figura geometrica dentro de la imagen. 
Sus atributos son: 
Shape:(circle, poly, default).
Default: toda la imagen.
Circle:  un circulo con   coords=" x,y...de radio"
Rect:  rectangulo despues de usar atributo   coords="izquierda, y arriba, x derecha, y abajo"  
Poly:  construye una figura geometrica cualquiera agregar. 

• Tipos de areas:

Href:   en url se coloca la direccion web.  
Alt:  mensaje que se despliega si el browser no puede desplegar la imagen. 

Al crearse todas estas se cierra  
</map>
Despues se usa:
< img src="imagen.jpg" widht="n de poxeles" height="n de pixeles" ude map="# nombre del mapa">