1 00:00:00,000 --> 00:00:02,150 >> DAVID MALAN: Vad sägs om en webbsida med en bild? 2 00:00:02,150 --> 00:00:05,560 Låt oss anta att i, förskott, jag har redan laddat ner en JPEG av en bild 3 00:00:05,560 --> 00:00:07,290 från internet, säger, en katt. 4 00:00:07,290 --> 00:00:08,650 Internet är fyllt med dem. 5 00:00:08,650 --> 00:00:10,710 Och jag har lagt in det i min offentliga katalogen. 6 00:00:10,710 --> 00:00:13,030 I samma offentliga katalogen, låt oss skapa en sida som heter 7 00:00:13,030 --> 00:00:15,630 image.html enligt följande. 8 00:00:15,630 --> 00:00:18,390 >> Jag har redan fått saker och ting började här i gedit med några öppna taggar och 9 00:00:18,390 --> 00:00:19,540 några nära taggar. 10 00:00:19,540 --> 00:00:23,330 Inne i kroppen då på den här sidan, låt oss göra öppna fäste, bild - 11 00:00:23,330 --> 00:00:25,640 bara img, dock inte hela ordet - 12 00:00:25,640 --> 00:00:27,940 utrymme alt jämlikar. 13 00:00:27,940 --> 00:00:31,400 alt gör att jag kan ge alternativ text för den här bilden, ifall 14 00:00:31,400 --> 00:00:34,360 Användaren kan faktiskt inte se bilden Jag är på väg att lämna. 15 00:00:34,360 --> 00:00:38,930 Så låt oss helt enkelt beskriva detta bilden som en Grumpy katt. 16 00:00:38,930 --> 00:00:42,490 Och nu ska vi ange att källa till den här bilden src - 17 00:00:42,490 --> 00:00:46,070 så igen, inte hela ord, bara src - 18 00:00:46,070 --> 00:00:50,800 lika citat, unquote, "cat.jpg", som återigen är filen görs i 19 00:00:50,800 --> 00:00:54,220 förskott jag hämtade in denna offentliga katalogen. 20 00:00:54,220 --> 00:00:58,860 >> Låt oss nu avsluta citat och stäng taggen enligt följande. 21 00:00:58,860 --> 00:01:02,650 Tänk på att för en bild, det finns egentligen ingen föreställning om att starta en bild 22 00:01:02,650 --> 00:01:03,710 och stopp av en bild. 23 00:01:03,710 --> 00:01:05,560 Det är antingen det, eller är det inte. 24 00:01:05,560 --> 00:01:09,715 Så det skulle kännas lite konstigt att faktiskt har en explicit stängning tagg eller 25 00:01:09,715 --> 00:01:11,250 sluttagg för denna bild taggen. 26 00:01:11,250 --> 00:01:15,650 Så HTML tillåter oss att öppna och stänga taggen samtidigt, helt enkelt genom att 27 00:01:15,650 --> 00:01:19,870 inklusive snedstreck på slutet av starttaggen, fortfarande 28 00:01:19,870 --> 00:01:21,880 insidan av den vinklade konsoler. 29 00:01:21,880 --> 00:01:24,790 >> Låt oss nu spara filen, förändring sin behörighet, och utsikt 30 00:01:24,790 --> 00:01:28,130 det inne i en webbläsare - 31 00:01:28,130 --> 00:01:32,460 chmod a + r image.html. 32 00:01:32,460 --> 00:01:42,090 Låt oss nu öppna Chrome och besök http://localhost/image.html. 33 00:01:42,090 --> 00:01:43,630 En trasig bildikon - 34 00:01:43,630 --> 00:01:45,020 nu, varför skulle det vara? 35 00:01:45,020 --> 00:01:48,330 >> Nåväl, låt oss ta en titt på kommandot linje på om jag verkligen ville sätta detta 36 00:01:48,330 --> 00:01:50,750 fil i den offentliga katalogen. 37 00:01:50,750 --> 00:01:55,960 Låt oss gå tillbaka till gedit, in i terminalfönster, och gör ls-l. 38 00:01:55,960 --> 00:01:57,110 Och det finns cat.jpg. 39 00:01:57,110 --> 00:01:58,790 >> Men titta på filens behörigheter. 40 00:01:58,790 --> 00:02:02,410 Det tycks vara så att endast I, ägaren, kan läsa och skriva här 41 00:02:02,410 --> 00:02:03,460 JPEG för tillfället. 42 00:02:03,460 --> 00:02:05,810 Vi måste på samma sätt ge behörigheter till hela världen till 43 00:02:05,810 --> 00:02:07,350 denna dag JPEG också. 44 00:02:07,350 --> 00:02:08,259 >> Inte ett problem - 45 00:02:08,259 --> 00:02:12,460 chmod a + r cat.jpg. 46 00:02:12,460 --> 00:02:15,820 Låt oss konstatera att det är rätt med en annan ls-l. 47 00:02:15,820 --> 00:02:21,350 Och faktiskt nu, både cat.jpg och image.html har läsbehörighet för 48 00:02:21,350 --> 00:02:22,310 hela världen. 49 00:02:22,310 --> 00:02:24,010 >> Låt oss nu gå tillbaka till webbläsaren. 50 00:02:24,010 --> 00:02:28,560 Låt oss klicka på reload eller Ctrl-R. Och det finns faktiskt en vresig katt. 51 00:02:28,560 --> 00:02:31,019