1 00:00:00,000 --> 00:00:02,150 >> DAVID Malan: Que tal un páxina web cunha imaxe? 2 00:00:02,150 --> 00:00:05,560 Imos supor que en, con antelación, eu teño xa baixei un JPEG dunha imaxe 3 00:00:05,560 --> 00:00:07,290 de Internet, por exemplo, un gato. 4 00:00:07,290 --> 00:00:08,650 A Internet está chea deles. 5 00:00:08,650 --> 00:00:10,710 E eu coloque iso en meu directorio público. 6 00:00:10,710 --> 00:00:13,030 Neste mesmo directorio público, imos crear unha páxina chamada 7 00:00:13,030 --> 00:00:15,630 Image.html como segue. 8 00:00:15,630 --> 00:00:18,390 >> Eu xa empecei as cousas comezaron aquí en gedit con algunhas etiquetas abertas e 9 00:00:18,390 --> 00:00:19,540 algunhas etiquetas próximos. 10 00:00:19,540 --> 00:00:23,330 Dentro do corpo, a continuación, da páxina, faremos soporte aberto, imaxe - 11 00:00:23,330 --> 00:00:25,640 só img, porén, non a palabra - 12 00:00:25,640 --> 00:00:27,940 espazo alt iguais. 13 00:00:27,940 --> 00:00:31,400 alt me ​​permite proporcionar texto alternativo a esta imaxe, só no caso de que o 14 00:00:31,400 --> 00:00:34,360 usuario non pode realmente ver a imaxe Estou a piques de ofrecer. 15 00:00:34,360 --> 00:00:38,930 Entón, imos simplemente describir esta imaxe como un gato mal humor. 16 00:00:38,930 --> 00:00:42,490 E agora imos especificar que o fonte desta imaxe, src - 17 00:00:42,490 --> 00:00:46,070 Entón, de novo, non a plena palabra, só src - 18 00:00:46,070 --> 00:00:50,800 é igual a cita, pecha comiñas, "cat.jpg", que á súa vez, é o arquivo feito 19 00:00:50,800 --> 00:00:54,220 antelación eu baixei en este directorio público. 20 00:00:54,220 --> 00:00:58,860 >> Imos agora pechar as comiñas e pechar a reserva do seguinte modo. 21 00:00:58,860 --> 00:01:02,650 Considérese que a unha imaxe, non hai realmente ningunha noción de iniciar unha foto 22 00:01:02,650 --> 00:01:03,710 e deixar unha imaxe. 23 00:01:03,710 --> 00:01:05,560 É tanto alí, ou non é. 24 00:01:05,560 --> 00:01:09,715 Entón ía sentir un pouco raro realmente ter unha etiqueta preto explícito ou 25 00:01:09,715 --> 00:01:11,250 tag end para esta etiqueta de imaxe. 26 00:01:11,250 --> 00:01:15,650 Así HTML nos permite abrir e pechar tag ó mesmo tempo, simplemente por 27 00:01:15,650 --> 00:01:19,870 incluíndo a barra na fin da marca de comezo, aínda 28 00:01:19,870 --> 00:01:21,880 dentro dos soportes angulares. 29 00:01:21,880 --> 00:01:24,790 >> Imos agora gardar o ficheiro, o cambio súa permisos e vista 30 00:01:24,790 --> 00:01:28,130 lo dentro dun navegador - 31 00:01:28,130 --> 00:01:32,460 chmod a + r Image.html. 32 00:01:32,460 --> 00:01:42,090 Imos agora abrir Chrome e visita http://localhost/image.html. 33 00:01:42,090 --> 00:01:43,630 Un icono de imaxe rota - 34 00:01:43,630 --> 00:01:45,020 agora, por que pode ser iso? 35 00:01:45,020 --> 00:01:48,330 >> Ben, imos dar un ollo ao mando liña para saber se realmente poñer isto 36 00:01:48,330 --> 00:01:50,750 arquivo no directorio público. 37 00:01:50,750 --> 00:01:55,960 Imos volver para gedit, no fiestra de terminal, e facer ls-l. 38 00:01:55,960 --> 00:01:57,110 E hai cat.jpg. 39 00:01:57,110 --> 00:01:58,790 >> Pero mire para os permisos do ficheiro. 40 00:01:58,790 --> 00:02:02,410 El parece ser o caso de que só I, o propietario, pode ler e escribir este 41 00:02:02,410 --> 00:02:03,460 JPEG no momento. 42 00:02:03,460 --> 00:02:05,810 Necesitamos dar semellante permisos para o mundo enteiro 43 00:02:05,810 --> 00:02:07,350 esta JPEG día tamén. 44 00:02:07,350 --> 00:02:08,259 >> Non é 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 Imos confirmar que isto é correcto con outro ls-l. 47 00:02:15,820 --> 00:02:21,350 E, de feito agora, tanto cat.jpg e Image.html ter permisos de lectura para 48 00:02:21,350 --> 00:02:22,310 o mundo enteiro. 49 00:02:22,310 --> 00:02:24,010 >> Imos agora volver ao navegador. 50 00:02:24,010 --> 00:02:28,560 Imos facer clic recarga ou Control-R. E Hai, de feito, un gato mal humor. 51 00:02:28,560 --> 00:02:31,019