1 00:00:00,000 --> 00:00:02,150 >> DAVID MALAN: ¿Qué tal un página web con una imagen? 2 00:00:02,150 --> 00:00:05,560 Supongamos que, en, anticipación, no tengo ya descargado un archivo JPEG de una imagen 3 00:00:05,560 --> 00:00:07,290 de la Internet, por ejemplo, un gato. 4 00:00:07,290 --> 00:00:08,650 El Internet está lleno de ellos. 5 00:00:08,650 --> 00:00:10,710 Y yo he puesto eso en mi directorio público. 6 00:00:10,710 --> 00:00:13,030 En este mismo directorio público, vamos a crear una página llamada 7 00:00:13,030 --> 00:00:15,630 Image.html de la siguiente manera. 8 00:00:15,630 --> 00:00:18,390 >> Yo ya he conseguido las cosas comenzaron aquí en gedit con algunas etiquetas de apertura y 9 00:00:18,390 --> 00:00:19,540 algunas etiquetas de cierre. 10 00:00:19,540 --> 00:00:23,330 En el interior del cuerpo, entonces de esta página, hagámoslo paréntesis abierto, imagen - 11 00:00:23,330 --> 00:00:25,640 sólo img, sin embargo, no es la palabra completa - 12 00:00:25,640 --> 00:00:27,940 espacio alt iguales. 13 00:00:27,940 --> 00:00:31,400 alt me ​​permite proporcionar un texto alternativo de esta imagen, por si acaso la 14 00:00:31,400 --> 00:00:34,360 usuario no puede ver realmente la imagen Estoy a punto de dar. 15 00:00:34,360 --> 00:00:38,930 Así que vamos a simplemente describir este imagen como un gato gruñón. 16 00:00:38,930 --> 00:00:42,490 Y ahora vamos a especificar que la fuente de esta imagen, el original - 17 00:00:42,490 --> 00:00:46,070 así que de nuevo, no la plena palabra, solo src - 18 00:00:46,070 --> 00:00:50,800 iguales comillas, cierra, "cat.jpg", que a su vez, es el archivo de hecho en 19 00:00:50,800 --> 00:00:54,220 avance que he descargado en dicha guía pública. 20 00:00:54,220 --> 00:00:58,860 >> Ahora vamos a cerrar las comillas y cerrar la etiqueta de la siguiente manera. 21 00:00:58,860 --> 00:01:02,650 Tenga en cuenta que para una imagen, no hay Realmente no hay noción de comenzar una imagen 22 00:01:02,650 --> 00:01:03,710 y detener una imagen. 23 00:01:03,710 --> 00:01:05,560 Es o no, o no lo es. 24 00:01:05,560 --> 00:01:09,715 Así que se siente un poco extraño en realidad tener una etiqueta de cierre explícita o 25 00:01:09,715 --> 00:01:11,250 etiqueta de cierre para esta etiqueta de imagen. 26 00:01:11,250 --> 00:01:15,650 Así HTML nos permite abrir y cerrar la etiqueta de forma simultánea, con sólo 27 00:01:15,650 --> 00:01:19,870 incluida la barra inclinada en la final de la etiqueta de inicio, todavía 28 00:01:19,870 --> 00:01:21,880 dentro de los paréntesis angulares. 29 00:01:21,880 --> 00:01:24,790 >> Ahora vamos a guardar el archivo, el cambio su permisos, y la vista 30 00:01:24,790 --> 00:01:28,130 dentro de un navegador - 31 00:01:28,130 --> 00:01:32,460 chmod a + r Image.html. 32 00:01:32,460 --> 00:01:42,090 Ahora vamos a abrir Chrome y visita http://localhost/image.html. 33 00:01:42,090 --> 00:01:43,630 Un icono de imagen rota - 34 00:01:43,630 --> 00:01:45,020 Ahora, ¿por qué será? 35 00:01:45,020 --> 00:01:48,330 >> Bueno, vamos a echar un vistazo a la orden línea en si me pongo este hecho 36 00:01:48,330 --> 00:01:50,750 archivo en el directorio público. 37 00:01:50,750 --> 00:01:55,960 Volvamos a gedit, en el ventana de terminal y hacer ls-l. 38 00:01:55,960 --> 00:01:57,110 Y hay cat.jpg. 39 00:01:57,110 --> 00:01:58,790 >> Pero mira los permisos del archivo. 40 00:01:58,790 --> 00:02:02,410 Parece ser el caso que sólo yo, el propietario, puede leer y escribir este 41 00:02:02,410 --> 00:02:03,460 JPEG en el momento. 42 00:02:03,460 --> 00:02:05,810 Tenemos que dar permisos de manera similar a todo el mundo para 43 00:02:05,810 --> 00:02:07,350 esta JPEG día también. 44 00:02:07,350 --> 00:02:08,259 >> No es un problema - 45 00:02:08,259 --> 00:02:12,460 chmod a + r cat.jpg. 46 00:02:12,460 --> 00:02:15,820 Vamos a confirmar que es correcto con otro ls-l. 47 00:02:15,820 --> 00:02:21,350 Y de hecho ahora, tanto cat.jpg y Image.html tener permisos de lectura para 48 00:02:21,350 --> 00:02:22,310 todo el mundo. 49 00:02:22,310 --> 00:02:24,010 >> Ahora vamos a ir de vuelta al navegador. 50 00:02:24,010 --> 00:02:28,560 Vamos a hacer clic recarga o Control-R. Y hay, de hecho, un gato malhumorado. 51 00:02:28,560 --> 00:02:31,019