martes, 30 de abril de 2013


ETIQUETA<IMG> 

  • height: Define la altura de la imagen en pieles o porcentaje
  • width: Define el ancho de la imagen en pieles o porcentaje
  • Siempre se recomienda poner valores en height o width para favorecer que el navegador pueda dejar el hueco correcto para la imagen
  • se recuerda que ancho y alto se pueden definer en pixel o en porcentaje
  • longdesc: Enlaza a un documento que explica la imagen

Ejemplos

height

<img src="images.jpg" alt="toro" height="25%">

width

<img src="images.jpg" alt="toro" width="25%">
toro

Atributos en transicional

  • align: Define la alineación de la imagen respecto a la página
    • top: La imagen se coloca debajo de la línea de texto
    • bottom La imagen se coloca encima de la línea de texto
    • middle: El texto y la imagen están centrados verticalmente
    • leftright: La imagen se coloca a la derecha o a la izquierda y el texto la rodea
  • border: Define el borde de la imagen
  • hspace: El espacio en blanco a los lados de la imagen
  • vspace: El espacio en blanco por encima y por debajo de la imagen

Ejemplos

align

top
<img src="images.jpg" alt="toro" align="top">
toroEl párrafo es una unidad gráfica y de sentido. Esta dividido en dos aspectos importantes: *Párrafo Formal - *Párrafo Conceptual. El párrafo formal se inicia generalmente con sangría y letra mayúscula y termina con punto y aparte. El párrafo conceptual contiene ideas que están enlazadas entre si, y que además, se establece una jerarquía entre ellas. Todo fundamentado en una base denominada oración central. En vista de eso, podemos definir el párrafo como una estructura lingüística que expresa el desarrollo de una idea central. Esta formado por una o varias oraciones.De estas una es denominada oración principal. Cuando la oración principal esta ubicada en el centro del párrafo, las oraciones llevan un movimiento ascendente, y todas las demás oraciones giran en torno a esta.
bottom
<img src="images.jpg" alt="toro" align="bottom">
toroEl párrafo es una unidad gráfica y de sentido. Esta dividido en dos aspectos importantes: *Párrafo Formal - *Párrafo Conceptual. El párrafo formal se inicia generalmente con sangría y letra mayúscula y termina con punto y aparte. El párrafo conceptual contiene ideas que están enlazadas entre si, y que además, se establece una jerarquía entre ellas. Todo fundamentado en una base denominada oración central. En vista de eso, podemos definir el párrafo como una estructura lingüística que expresa el desarrollo de una idea central. Esta formado por una o varias oraciones.De estas una es denominada oración principal. Cuando la oración principal esta ubicada en el centro del párrafo, las oraciones llevan un movimiento ascendente, y todas las demás oraciones giran en torno a esta.
middle
<img src="images.jpg" alt="toro" align="middle">
toroEl párrafo es una unidad gráfica y de sentido. Esta dividido en dos aspectos importantes: *Párrafo Formal - *Párrafo Conceptual. El párrafo formal se inicia generalmente con sangría y letra mayúscula y termina con punto y aparte. El párrafo conceptual contiene ideas que están enlazadas entre si, y que además, se establece una jerarquía entre ellas. Todo fundamentado en una base denominada oración central. En vista de eso, podemos definir el párrafo como una estructura lingüística que expresa el desarrollo de una idea central. Esta formado por una o varias oraciones.De estas una es denominada oración principal. Cuando la oración principal esta ubicada en el centro del párrafo, las oraciones llevan un movimiento ascendente, y todas las demás oraciones giran en torno a esta.
left
<img src="images.jpg" alt="toro" align="left">
toroEl párrafo es una unidad gráfica y de sentido. Esta dividido en dos aspectos importantes: *Párrafo Formal - *Párrafo Conceptual. El párrafo formal se inicia generalmente con sangría y letra mayúscula y termina con punto y aparte. El párrafo conceptual contiene ideas que están enlazadas entre si, y que además, se establece una jerarquía entre ellas. Todo fundamentado en una base denominada oración central. En vista de eso, podemos definir el párrafo como una estructura lingüística que expresa el desarrollo de una idea central. Esta formado por una o varias oraciones.De estas una es denominada oración principal. Cuando la oración principal esta ubicada en el centro del párrafo, las oraciones llevan un movimiento ascendente, y todas las demás oraciones giran en torno a esta.
right
<img src="images.jpg" alt="toro" align="right">
toroEl párrafo es una unidad gráfica y de sentido. Esta dividido en dos aspectos importantes: *Párrafo Formal - *Párrafo Conceptual. El párrafo formal se inicia generalmente con sangría y letra mayúscula y termina con punto y aparte. El párrafo conceptual contiene ideas que están enlazadas entre si, y que además, se establece una jerarquía entre ellas. Todo fundamentado en una base denominada oración central. En vista de eso, podemos definir el párrafo como una estructura lingüística que expresa el desarrollo de una idea central. Esta formado por una o varias oraciones.De estas una es denominada oración principal. Cuando la oración principal esta ubicada en el centro del párrafo, las oraciones llevan un movimiento ascendente, y todas las demás oraciones giran en torno a esta.

border

<img src="images.jpg" alt="toro" border="10">
toroEl párrafo es una unidad gráfica y de sentido. Esta dividido en dos aspectos importantes: *Párrafo Formal - *Párrafo Conceptual. El párrafo formal se inicia generalmente con sangría y letra mayúscula y termina con punto y aparte. El párrafo conceptual contiene ideas que están enlazadas entre si, y que además, se establece una jerarquía entre ellas. Todo fundamentado en una base denominada oración central. En vista de eso, podemos definir el párrafo como una estructura lingüística que expresa el desarrollo de una idea central. Esta formado por una o varias oraciones.De estas una es denominada oración principal. Cuando la oración principal esta ubicada en el centro del párrafo, las oraciones llevan un movimiento ascendente, y todas las demás oraciones giran en torno a esta.

hspace

<img src="images.jpg" alt="toro" hspace="100">
toroEl párrafo es una unidad gráfica y de sentido. Esta dividido en dos aspectos importantes: *Párrafo Formal - *Párrafo Conceptual. El párrafo formal se inicia generalmente con sangría y letra mayúscula y termina con punto y aparte. El párrafo conceptual contiene ideas que están enlazadas entre si, y que además, se establece una jerarquía entre ellas. Todo fundamentado en una base denominada oración central. En vista de eso, podemos definir el párrafo como una estructura lingüística que expresa el desarrollo de una idea central. Esta formado por una o varias oraciones.De estas una es denominada oración principal. Cuando la oración principal esta ubicada en el centro del párrafo, las oraciones llevan un movimiento ascendente, y todas las demás oraciones giran en torno a esta.

vspace

<img src="images.jpg" alt="toro" vspace="10">
toroEl párrafo es una unidad gráfica y de sentido. Esta dividido en dos aspectos importantes: *Párrafo Formal - *Párrafo Conceptual. El párrafo formal se inicia generalmente con sangría y letra mayúscula y termina con punto y aparte. El párrafo conceptual contiene ideas que están enlazadas entre si, y que además, se establece una jerarquía entre ellas. Todo fundamentado en una base denominada oración central. En vista de eso, podemos definir el párrafo como una estructura lingüística que expresa el desarrollo de una idea central. Esta formado por una o varias oraciones.De estas una es denominada oración principal. Cuando la oración principal esta ubicada en el centro del párrafo, las oraciones llevan un movimiento ascendente, y todas las demás oraciones giran en torno a esta.

object

IMG tiene limitaciones a la hora de mostrar elementos multimedia.
Para solventar esas limitaciones se creó la etiqueta OBJECT.
Por ejemplo para insertar una imagen object se utiliza de la siguiente manera:
<OBJECT data="images.jpg" type="image/jpeg">images</OBJECT>  
  
con esto nos quedaría esto: