1.7.Atributo de la etiqueta imagen


ATRIBUTO
ACCIÓN
SCR= "ruta"
Indica la ruta o dirección URL de la imagen a mostrar.
ALIGN="posición"
Define la forma de distribuir el texto alrededor de la imagen. Con cinco posiciones izquierda (left), derecha (right), arriba (top), en medio (middle) y abajo (bottom).
ALT="texto"
Muestra un texto alternativo cuando el navegador no está configurada para mostrar imágenes, la imagen no se encuentra disponible en la ruta o navegador con usuarios con discapacidad visuales.
LONGDESC
Es útil en navegador adaptado para funciones de accesibilidad, mostrando la dirección URL del archivo y una descripción detallada.
BORDER= "numero"
indica el grosor del borde o marco que se muestra rodeando la imagen, si no se especifica, toma el valor de cero
 y aparece sin borde.
WIDTH="numero"
Permite especificar la anchura de la imagen. Debes tener cuidado al realizar cambios ya que la imagen se puede deformar.
HEIGHT="número"
Permite especificar la altura de la imagen. Debes tener cuidado al realizar cambios ya que la imagen se puede deformar.

Comentarios

Publicar un comentario

Entradas más populares de este blog

ejemplo 1.13

Imagen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Grupos etnicos en oaxaca</title> <style type="text/css"> <!-- body,td,th { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 24px; color: #000000; font-weight: bold; } body { background-color: #FFFFFF; background-repeat: no-repeat; } --> </style></head> <body> <div align="left"> <IMG src="../Pictures/1a.gif" width="207" height="206" />   GRUPOS ETNICOS OAXACA     <ol>       <li>         Amuzgo</li>       <li>         Cuicatecos</li>       <li> ...
Leer más

Ejemplo 1.11

Imagen
<!doctype html> <html> <head< <meta charset="utf-8"> <title>Artesanias de Oxacañas</title> <style type="text/css"> body,td,th{ font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Deja vu Sans", Verdana,sans-serif; font-style:oblique; font-weight:bold; font-size:14px; color:#078E17; } body{ background-color:#FBC9FC; background-repeat:no-repeat;  } </style> </head> <body> <center>Artesanias de oaxaca</center> <img src="../Pictures/artesania.jpg" width="600" height="300">  </body> </html>
Leer más

Ejemplo 1.18

Imagen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Documento sin t&iacute;tulo</title> <style type="text/css"> <!-- #Layer1 { position:absolute; width:200px; height:115px; z-index:1; } #Layer2 { position:absolute; width:200px; height:115px; z-index:1; left: 436px; top: 437px; } --> </style> </head> <body> <table width="700" border="0" align="center">   <tr>     <th width="155" rowspan="8" scope="col"><img src="../Pictures/Traje-t&iacute;pico-de-Oaxaca.jpg" width="120" height="149...
Leer más