H I O X INDIA
Básica gratuita Tutorial HTML
 INICIO ||  Scripts  ||  Tutorials  ||  Images  english  Français  中文  Deutsch 

HTML Básica
Introducción
Como hacerlo
Listado de Etiquetas
html, head, body
Text Manipulation
Imagenes
Efectos Especiales
utilizando tablas
Formas
Otros temas

Etiqueta Imagen en HTML


Tema

Como insertar una imagen en html
Etiqueta utilizada para setear el borde de una imagen en html.
Como setear set image en ambas esquinas en una misma línea.



Explicación:

Etiqueta Image: <img>

Para setear una imagen en la página, se necesita usar la etiqueta "img" con su atributo "src"
Código::
<img src="test.jpg">

Resulta:


Asumimos que tenemos el archivo de imagen en el mismo directorio que el archivo HTML.
Colocamos ruta completa del directorio como en el siguiente ejemplo:
ejemplo:
<img src="C:\images\test.jpg">


Width and Height:
Podemos resizear imágenes que son mostradas en páginas web usando los atributos width y height.
Ejemplo:
<img src="test.jpg" width=100 height=100>
Resulta:



Alineado:
Se alinea la imagen usando el atributo "align".
El valor del atributo puede ser left o right o center.
Ejemplo:
<img src="test.jpg" align=left> <img src="test.jpg" align=right>
Resulta:



Bordes:
Podemos setear bordes alrededor de las imágenes, usando el atributo "border". Puede ser usado para crear un espacio alrededor de la imagen
Ejemplo:
<img src="test.jpg" border=4>
Resulta:





privacy policy     license    
© 2004-2005 HIOX INDIA - hioxindia.com

Otros enlaces