martes, 17 de septiembre de 2013


como insertar imágenes dentro de una tabla en html

el ejemplo

<HTML>
<HEAD>
<TITLE>wed de vero</TITLE>
</HEAD>
<BODY BGCOLOR="pink">
<FONT FACE="IMPACT" SIZE=50 COLOR="BLUE">
<center>FOTOS EN UNA TABLA<p>
</FONT>
<table border=1>
<tr>
<td><a href="file:imagenes/uno.jpg" widht="5%" height="12%">           
     <img src="imagenes/uno.jpg" widht="3%" height="5%"></a></TD>
<td><a href="file:imagenes/dos.jpg" widht="5%" height="12%"> 
    <img src="imagenes/dos.jpg" widht="3%" height="5%"></a></TD>          
<td><a href="file:imagenes/tres.jpg" widht="5%" height="12%"> 
    <img src="imagenes/tres.jpg" widht="3%" height="5%"></a></TD>
</tr>
<tr>
<td><a href="file:imagenes/cuatro.jpg" widht="5%" height="12%">           
     <img src="imagenes/cuatro.jpg" widht="3%" height="5%"></a></TD>
<td><a href="file:imagenes/cinco.jpg" widht="5%" height="12%"> 
    <img src="imagenes/cinco.jpg" widht="3%" height="5%"></a></TD>         
<td><a href="file:imagenes/seis.jpg" widht="5%" height="12%"> 
    <img src="imagenes/seis.jpg" widht="3%" height="5%"></a></TD>
</tr>
</BODY>
</HTML>

Aquí explicare que significa file: esto va después de <a href= file es el link de una imagen 


                    Significado de cada uno
HTML= siglas o lenguaje de programación
HEAD= urla gratuita
TITLE= título ya de  la urla que queramos colocar
BODY= cuerpo del html donde colocamos todo
BGCOLOR= color
SIZE=tamaño ya sea de letras
a href= urla al pinchar clic para colocarse más grande   </a>sierra la urla
img src= para indicar que vamos a insertar una imagen
file= indica que imagen es en formato jpg------------abajo de todo explicare
center=centrado
<p>un espacio
FONT face=indica el tipo de letra
</font> cierre del tipo de letra
height= es para la altura de la imagen
widht= es para la anchura
table= indica para insertar tablas
                                        <tr>para abrir el cuerpo de la tabla
                                                <td>para escribir en el cuerpo
border= el borde de la tabla

link de un video de el ejercicio.
http://www.youtube.com/watch?v=rVttgWPqOMA

No hay comentarios:

Publicar un comentario