Saltar navegación

HTML. Imágenes - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 29 de junio de 2023 por Laura M.

6 visualizaciones

Como incluir Imágenes en un documento HTML

Más información Transcripción

Descargar la transcripción

Bien, vamos a continuar. Ahora lo que vamos a hacer es incluir una imagen en lo que ya 00:00:00
habíamos hecho. Aquí tengo mi documento ejercicio1.html, que es donde estábamos, 00:00:06
el archivo este, y entre el párrafo 1 y el párrafo 2, entre estos dos párrafos, voy 00:00:11
a incluir una imagen. Entonces, lo que debo preguntarme es cuál es la etiqueta que hace 00:00:16
incluir una imagen. La etiqueta que hace incluir una imagen se llama IMG, de imagen. Solamente 00:00:21
tiene apertura, es una de las etiquetas que tampoco tiene cierre. ¿Qué pasa? Que con 00:00:27
esto no sabemos todavía ni qué imagen vamos a meter ni de dónde la vamos a coger. Aquí 00:00:32
incluimos un nuevo concepto, que es el concepto de los atributos. Los atributos son características 00:00:37
que se le dan a las etiquetas, por tanto, lo pondremos dentro de la etiqueta, dentro 00:00:45
de mi menor que y de mi mayor que, aquí dentro, ponemos atributos. El primer atributo 00:00:51
que vamos a dar es el atributo que nos dice dónde está la imagen que yo quiero coger, 00:00:58
y como todavía no tengo ninguna imagen bajada, lo que tenéis que hacer, lo primero que tenéis 00:01:03
que hacer es bajarosla. Bueno, yo sí tengo una imagen bajada, vosotros tenéis que bajarosla. 00:01:07
Nos vamos a internet y buscamos, por ejemplo, como yo he buscado gato.png. ¿Por qué png? 00:01:11
Como veis, estoy buscando con tipo. Sabemos que después de la primera parte, que es 00:01:20
el nombre del archivo, todo el resto es el tipo del archivo, en este caso es un tipo 00:01:26
de imagen que es png, que da menos problemas y además nos quita los fondos cuando queremos 00:01:39
hacer más ediciones. Busco este gato, le doy a buscar, cuando he encontrado uno que 00:01:45
me gusta, por ejemplo este, botón derecho, guardar imagen como. ¿Y qué es lo más importante 00:01:52
en este punto? Tengo que guardarla en el mismo sitio donde tengo guardado mi archivo html, 00:02:00
el ejercicio que estamos haciendo. En mi caso está guardado en el escritorio, a pesar de 00:02:06
que yo no lo vea aquí ahora mismo, solamente estoy viendo las que son imagen jpg. Le doy 00:02:11
a todos los archivos, tengo aquí mi ejercicio html y aquí le daría un nombre a la imagen, 00:02:15
no la voy a dejar con este nombre porque si no sería muy difícil de coger luego. Yo 00:02:22
la he dejado con un nombre que es gato, gato.png y la he guardado en todos los archivos. No 00:02:26
lo voy a hacer ahora porque es la misma, simplemente la machacaría y ya está. 00:02:35
Idioma/s:
es
Autor/es:
Laura Martín García
Subido por:
Laura M.
Licencia:
Todos los derechos reservados
Visualizaciones:
6
Fecha:
29 de junio de 2023 - 14:12
Visibilidad:
Clave
Centro:
CPR FPE LAS NAVES SALESIANOS ALCALA
Duración:
02′ 42″
Relación de aspecto:
1.86:1
Resolución:
668x360 píxeles
Tamaño:
4.39 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid