Básica gratuita Tutorial HTML





english Français 中文 Deutsch Portuguese nederlands Japanese
   
 
HTML Básica
Introducción
Como hacerlo
Listado de Etiquetas
html, head, body
Text Manipulation
Imagenes
Efectos Especiales
utilizando tablas
Formas
Otros temas
 



De votos en esta página



Nombre:
Mail
Reacción:
  

 


Etiqueta Imagen en HTML


Tutoriales »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:





Other Links

web hosting