0
00:00:00,000 --> 00:00:06,000
Bien, vamos a continuar. Ahora lo que vamos a hacer es incluir una imagen en lo que ya

1
00:00:06,000 --> 00:00:11,000
habíamos hecho. Aquí tengo mi documento ejercicio1.html, que es donde estábamos,

2
00:00:11,000 --> 00:00:16,000
el archivo este, y entre el párrafo 1 y el párrafo 2, entre estos dos párrafos, voy

3
00:00:16,000 --> 00:00:21,000
a incluir una imagen. Entonces, lo que debo preguntarme es cuál es la etiqueta que hace

4
00:00:21,000 --> 00:00:27,000
incluir una imagen. La etiqueta que hace incluir una imagen se llama IMG, de imagen. Solamente

5
00:00:27,000 --> 00:00:32,000
tiene apertura, es una de las etiquetas que tampoco tiene cierre. ¿Qué pasa? Que con

6
00:00:32,000 --> 00:00:37,000
esto no sabemos todavía ni qué imagen vamos a meter ni de dónde la vamos a coger. Aquí

7
00:00:37,000 --> 00:00:45,000
incluimos un nuevo concepto, que es el concepto de los atributos. Los atributos son características

8
00:00:45,000 --> 00:00:51,000
que se le dan a las etiquetas, por tanto, lo pondremos dentro de la etiqueta, dentro

9
00:00:51,000 --> 00:00:58,000
de mi menor que y de mi mayor que, aquí dentro, ponemos atributos. El primer atributo

10
00:00:58,000 --> 00:01:03,000
que vamos a dar es el atributo que nos dice dónde está la imagen que yo quiero coger,

11
00:01:03,000 --> 00:01:07,000
y como todavía no tengo ninguna imagen bajada, lo que tenéis que hacer, lo primero que tenéis

12
00:01:07,000 --> 00:01:11,000
que hacer es bajarosla. Bueno, yo sí tengo una imagen bajada, vosotros tenéis que bajarosla.

13
00:01:11,000 --> 00:01:20,000
Nos vamos a internet y buscamos, por ejemplo, como yo he buscado gato.png. ¿Por qué png?

14
00:01:20,000 --> 00:01:26,000
Como veis, estoy buscando con tipo. Sabemos que después de la primera parte, que es

15
00:01:26,000 --> 00:01:39,000
el nombre del archivo, todo el resto es el tipo del archivo, en este caso es un tipo

16
00:01:39,000 --> 00:01:45,000
de imagen que es png, que da menos problemas y además nos quita los fondos cuando queremos

17
00:01:45,000 --> 00:01:52,000
hacer más ediciones. Busco este gato, le doy a buscar, cuando he encontrado uno que

18
00:01:52,000 --> 00:02:00,000
me gusta, por ejemplo este, botón derecho, guardar imagen como. ¿Y qué es lo más importante

19
00:02:00,000 --> 00:02:06,000
en este punto? Tengo que guardarla en el mismo sitio donde tengo guardado mi archivo html,

20
00:02:06,000 --> 00:02:11,000
el ejercicio que estamos haciendo. En mi caso está guardado en el escritorio, a pesar de

21
00:02:11,000 --> 00:02:14,000
que yo no lo vea aquí ahora mismo, solamente estoy viendo las que son imagen jpg. Le doy

22
00:02:15,000 --> 00:02:22,000
a todos los archivos, tengo aquí mi ejercicio html y aquí le daría un nombre a la imagen,

23
00:02:22,000 --> 00:02:26,000
no la voy a dejar con este nombre porque si no sería muy difícil de coger luego. Yo

24
00:02:26,000 --> 00:02:35,000
la he dejado con un nombre que es gato, gato.png y la he guardado en todos los archivos. No

25
00:02:35,000 --> 00:02:40,000
lo voy a hacer ahora porque es la misma, simplemente la machacaría y ya está.