jueves, 2 de junio de 2011

Cómo poner una imagen con edición html

Publicado por Abraham en 9:27:00 a. m. ,
Para poner una imagen, (No dándole en la entrada: Insertar Imagen, sino, con edición HTML) con la edición html hacer lo siguiente:

Tenemos que usar la etiqueta: <img> esta etiqueta tiene algo raro... No tiene etiqueta de cierre, es decir no existe un  </img> . Esto es algo muy básico, que todos nosotros tenemos que aprender...

Ahora, para poner una imagen hacemos lo siguiente

<img alt="Imagen" title="Imagen"src="http://urldemiimagen.com" height="pixeles de altura que yo quiera" widht="pixeles de anchura que quiera">

Ahora, vamos a desglosar completamente esto:

Ya sabemos que hace la etiqueta img; ahora tenemos que saber que hace la etiqueta alt, lo que esta marcado de azul. Esto es una alternetiva a alguien que tenga un navegador que no pueda cargar imágenes o que se vea texto en vez de imágenes. Por ejemplo, miren el blog de Rosa. Me he dado cuenta que sus imágenes ya no se ven, solamente el texto que ella a puesto en alt y title.


Cuando usamos la etiqueta alt y no se ve la imagen, se ve un texto. Ese texto es: Imagen, como en nuestro caso...

Ahora vamos por src, que está marcado de rojo. Ahí pondremos la dirección de la imagen o url de la imagen, dentro de las comillas.

Ahora height, marcado de morado, sirve para definir la anchura en píxeles en Número. Por ejemplo:

height="20". Ya creo que todo está claro.

Ahora lo de widht, lo que está marcado de verde, define la altura en pixeles. Es igual que como vimos en hegiht


Y por último, el atributo title, el que está marcado de naranja en negrita. Este atributo, como alt permite que cuando pongamos el cursor encima de la imagen, podamos ver un texto que diga algo, también en caso de que la imagen no se pueda ver. Muy útil cuando pierdes todas las imagenes que has puesto en tu blog.


Y ya, esto es todo ahora vamos a poner una imagen para que ustedes vean cómo se vería una imagen si no tuviera una imagen, con la etiqueta alt y title:



Imagen

Imagen del espacio








Back Top

0 comentarios:

Publicar un comentario

Por favor: cuando vallan a comentar tengan el perfil habilitado por si alguna pregunta, y si quieres que te responda de algo sobre tu blog, de algún problema que tengas, por favor deja el enlace de
tu blog.