Vídeo sobre cómo insertar imágenes en HTML

08/Dic/2013 HTML , , 5 Comentarios

En el siguiente vídeo veremos cómo podemos insertar imágenes en HTML. Las imágenes se insertarán tanto de un fichero en local como de una imagen que se encuentre en un servidor.

También veremos cómo podemos definir el alto y ancho de una imagen, cómo definir el título de la imagen y ver qué podemos hacer cuando la imagen no se encuentra utilizando un texto alternativo.

Espero que os guste el vídeo sobre cómo insertar imágenes en HTML:

Vídeos sobre HTML


5 comentarios en “Vídeo sobre cómo insertar imágenes en HTML”

Víctor Cuervo

MAS

En mi comentario no se ve el codigo SVG, lo adjunto entre code:

Esto va entre (son tags xml)
glyph unicode="" d="M717 141l454 454q19 19 19 45t-19 45l-454 454q-19 19 -45 19t-45 -19l-102 -102q-19 -19 -19 -45t19 -45l307 -307l-307 -307q-19 -19 -19 -45t19 -45l102 -102q19 -19 45 -19t45 19zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z"

Víctor Cuervo

MAS

Hola,

He encontrado un medio de insertar imagenes utilizando CSS. Lo he visto en Prestashop, definen las imagenes en un fichero SVG (http://www.w3.org/2000/svg) y definen la imagen. Por ejemplo:

Luego, desde un css, se llama a la imagen para dibujarla en la pagina desde una definición de clas: #categories_block_left (por ejemplo)
content: “\f068”;
display: block;
vertical-align: middle;
width: 30px;
height: 30px;
color: #333333;

Sabeis como funciona?

Víctor Cuervo

Víctor Cuervo

@MAS, si en este caso es un vídeo muy sencillo. ¿Sobre qué te gustaría que hablásemos?

Saludos.

Víctor Cuervo

MAS

Visto. Pensaba que era algo novedoso pero es HTML estandar.

Víctor Cuervo

MAS

No se ve el video, aparece un msg de error. El video indica como “embeber” (embed) una imagen en HTML?

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*