En la primera entrada de este blog inserté una imagen de Robbie. Buscando entre el código HTML de esa entrada, he encontrado la etiqueta img, El código es este:
<img border="0" data-original-height="278" data-original-width="259" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOPH7KFXWrKlK9neiZkAjmrxpXYpY3tQMGs0iy6TZbPvE4kd8voP18w1S0phYbiMJzF_utWHqQHArszLda9sQ6ASYXnz5rZLxywRj6b5uuXULtPpvW5ZQGjAkMmHqn9ibFuiPC7UxXGwg/s200/Google+-+icono+robot+gracioso.PNG" width="186" />
Podemos ver que la imagen contiene varios atributos: border, data-original-height, data-original-width, height, src, width.
Vamos a insertar la imagen de nuevo y le vamos a cambiar algunos atributos, como border, height y width.
El nuevo código es:
<img border="5" data-original-height="278" data-original-width="259" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhklspM7OvXZ3ojZkiUahSTreDyV4wVF4Xvn4k4sKRqcS47cttOH6QSXysdVQ6NdAhv-AH8onY3r1JOonDsml3z4gX6BsGqS97HKtlb44CiO47WNKWodqX0oBYbKKMTtXglTyy9f5cgWYk/s200/Google+-+icono+robot+gracioso.PNG" width="279" />
Es decir, hemos pasado de border="0" a border="5" y de height="200" width="186" a height="300" width="279", o sea, un 50% más grande, lo cual se corresponde con la imagen obtenida (aunque, por ejemplo, el borde no se aprecia arriba, por eso inserto un recorte de la misma a continuación).
No hay comentarios:
Publicar un comentario