1 00:00:00,000 --> 00:00:02,150 >> DAVID MALAN: Hvad med en webside med et billede? 2 00:00:02,150 --> 00:00:05,560 Lad os antage, at der i, på forhånd, har jeg allerede hentet en JPEG af et billede 3 00:00:05,560 --> 00:00:07,290 fra internettet, siger, en kat. 4 00:00:07,290 --> 00:00:08,650 Internettet er fyldt med dem. 5 00:00:08,650 --> 00:00:10,710 Og jeg har lagt det ind min offentlige mappe. 6 00:00:10,710 --> 00:00:13,030 I denne samme offentlige mappe, Lad os oprette en side kaldet 7 00:00:13,030 --> 00:00:15,630 image.html som følger. 8 00:00:15,630 --> 00:00:18,390 >> Jeg har allerede fået tingene i gang her i gedit med nogle åbne tags og 9 00:00:18,390 --> 00:00:19,540 nogle nære tags. 10 00:00:19,540 --> 00:00:23,330 Inde i kroppen så på denne side, lad os gøre åben beslag, billede - 11 00:00:23,330 --> 00:00:25,640 bare img dog ikke den fulde ord - 12 00:00:25,640 --> 00:00:27,940 space alt lig. 13 00:00:27,940 --> 00:00:31,400 alt giver mig mulighed for at give alternativ tekst for dette billede, bare i tilfælde af 14 00:00:31,400 --> 00:00:34,360 Brugeren kan faktisk ikke se billedet Jeg er ved at give. 15 00:00:34,360 --> 00:00:38,930 Så lad os bare beskrive dette image som en Grumpy Cat. 16 00:00:38,930 --> 00:00:42,490 Og lad os nu præcisere, at kilde af dette billede, src - 17 00:00:42,490 --> 00:00:46,070 så igen, ikke den fulde ord, bare src - 18 00:00:46,070 --> 00:00:50,800 lig citat, citat slut, "cat.jpg" som igen, er den fil gjort i 19 00:00:50,800 --> 00:00:54,220 Forinden havde jeg hentet ind denne offentlige mappe. 20 00:00:54,220 --> 00:00:58,860 >> Lad os nu lukke citater og lukke tag som følger. 21 00:00:58,860 --> 00:01:02,650 Overvej, at for et billede, der er virkelig ingen forestilling om at starte et billede 22 00:01:02,650 --> 00:01:03,710 og stoppe et billede. 23 00:01:03,710 --> 00:01:05,560 Det er enten der, eller er det ikke. 24 00:01:05,560 --> 00:01:09,715 Så det ville føle sig lidt mærkeligt at faktisk har en eksplicit lukning tag eller 25 00:01:09,715 --> 00:01:11,250 slutkode for dette billede tag. 26 00:01:11,250 --> 00:01:15,650 Så HTML giver os mulighed for at åbne og lukke tag samtidigt, blot ved 27 00:01:15,650 --> 00:01:19,870 herunder skråstreg på allersidst start tag, stadig 28 00:01:19,870 --> 00:01:21,880 indersiden af ​​vinklede beslag. 29 00:01:21,880 --> 00:01:24,790 >> Lad os nu gemme denne fil, ændre dens tilladelser og udsigt 30 00:01:24,790 --> 00:01:28,130 det inde i en browser - 31 00:01:28,130 --> 00:01:32,460 chmod a + r image.html. 32 00:01:32,460 --> 00:01:42,090 Lad os nu åbne Chrome og besøg http://localhost/image.html. 33 00:01:42,090 --> 00:01:43,630 Et ødelagt billede ikon - 34 00:01:43,630 --> 00:01:45,020 nu, hvorfor er det? 35 00:01:45,020 --> 00:01:48,330 >> Nå, lad os tage et kig på kommandoen line på, om jeg har faktisk sætte dette 36 00:01:48,330 --> 00:01:50,750 fil i den offentlige mappe. 37 00:01:50,750 --> 00:01:55,960 Lad os gå tilbage til gedit, i terminal vindue, og gør ls-l. 38 00:01:55,960 --> 00:01:57,110 Og der er cat.jpg. 39 00:01:57,110 --> 00:01:58,790 >> Men se på fil tilladelser. 40 00:01:58,790 --> 00:02:02,410 Det synes at være tilfældet, at kun I, ejeren, kan læse og skrive dette 41 00:02:02,410 --> 00:02:03,460 JPEG i øjeblikket. 42 00:02:03,460 --> 00:02:05,810 Vi er nødt til på samme måde at give tilladelser til hele verden til 43 00:02:05,810 --> 00:02:07,350 denne dag JPEG så godt. 44 00:02:07,350 --> 00:02:08,259 >> Ikke et problem - 45 00:02:08,259 --> 00:02:12,460 chmod a + r cat.jpg. 46 00:02:12,460 --> 00:02:15,820 Lad os bekræfte, at det er korrekt med en anden ls-l. 47 00:02:15,820 --> 00:02:21,350 Og faktisk nu, både cat.jpg og image.html har læst tilladelser til 48 00:02:21,350 --> 00:02:22,310 hele verden. 49 00:02:22,310 --> 00:02:24,010 >> Lad os nu gå tilbage til browseren. 50 00:02:24,010 --> 00:02:28,560 Lad os klikke reload eller Ctrl-R. Og der er, ja, en gnaven kat. 51 00:02:28,560 --> 00:02:31,019