INSERTAR IMGEN EN HTML

PARA INSERTAR IMAGEN A HTML


 Imagen Individual
 <img src="nombreimagen.gif">
 
 Permite insertar una imagen en la página que estamos diseñando. El archivo de la imagen deberá estar ubicado en la misma carpeta que la página, caso contrario se deberá indicar su ruta de acceso


Texto de la imagen
 <img src="nombreimagen.gif" alt="texto">
 
 Coloca un texto que po­drá leerse al pasar el puntero del ratón sobre la imagen o cuando ésta no se carga.


Alineación del texto
 <img src="nombreimagen.gif"
align= top * middle * bottom>
 
 Indicará la posición en que ubicaremos al texto que acompaña a la imagen
Top Arriba * Middle Medio * Bottom Abajo


Ancho
Alto
 <img src="nombreimagen.gif"
width="n"
height="n">
 
 Define el tamaño de la imagen
Width = ancho *  height = altura n = será un valor en pixeles


Videos
 <img dynsrc="archivi.avi"
loop=infinite controls
start= mouseover>
 
 Permite agregar archivos de video.


Listas


Lista numerada
 <ol type= A * a * I * i start=n>
<lh> título de la lista </lh>
<li> Primera opción 
<li> Segunda opción 
<li> Tercera opción
 </ol>
 Se utiliza cuando las opciones deben ser numerados. La opción type representan número o letras y start indicará el número con que inicia.


Lista no ordenada
 <ul type=square * circle * disk> 
<lh> título de la lista </lh>
<li> Primera opción 
<li> Segunda opción 
<li> Tercera opción
 </ul>
 Se utiliza cuando las opciones no presentan un orden determinado. La opción type representa la viñeta.


Lista con sangrado
 <dl> 
<lh> título de la lista </lh>
<dt> Primer tema 
    <dd> Primer detalle 
    <dd> Segundo detalle 
<dt> Segundo tema 
    <dd> Tercer detalle 
    <dd> Cuarto detalle
 </dl>
 Se utiliza cuando las opciones llevan un título y una definición


Enlaces o Links


Enlace a otro URL
 <a href="xxx"> yyy
 </a>
 xxx se debe reemplazar por la dirección URL destino del enlace.
yyy es el texto indicativo que se leerá en la página.


Enlace a un
e-mail
 <a href = "mailto:dirección e-mail"> texto indicativo del enlace
 </a>
 Te permite un enlace directo a tu cliente de correo predeterminado


Marca para enlace dentro de la misma página 
(Ancla - Anchor)
 <a href="#marca"> Texto de enlace al ancla
 </a>
 Referencia una posición a la que luego se accederá.


Localizar enlace anterior
 <a name="marca"> texto del ancla
 </a>
 Enlaza una posición previamente marcada, dentro de la misma página


Enlace a otra página con marca, dentro del mismo sitio
 <a href="ab.htm#marca"> texto indicativo del enlace
 </a>
 Enlaza a la posición establecida en marca, en la página ab.htm


Enlace con imagenes
 <a href="xxx"><img src="nombreimagen.gif">
 </a>
 xxx se debe reemplazar por la dirección URL destino del enlace.
nombreimagen.gif se debe reemplazar por el nombre de imagen seleccionado
Enlaza a la dirección URL haciendo un click sobre la imagen.