1 00:00:00,000 --> 00:00:02,150 >> David MALAN: Paano ang tungkol sa isang web page na may imahe? 2 00:00:02,150 --> 00:00:05,560 Ipagpalagay na in, maaga, na hindi ko na Hayaan nai-download ng isang JPEG ng isang imahe 3 00:00:05,560 --> 00:00:07,290 mula sa internet, sabihin nating, isang pusa. 4 00:00:07,290 --> 00:00:08,650 Ang internet ay puno ng mga ito. 5 00:00:08,650 --> 00:00:10,710 At Naglagay ako na sa aking pampublikong direktoryo. 6 00:00:10,710 --> 00:00:13,030 Sa parehong pampublikong direktoryo, lumikha ng isang pahina na tinatawag na ipaalam 7 00:00:13,030 --> 00:00:15,630 image.html tulad ng sumusunod. 8 00:00:15,630 --> 00:00:18,390 >> Na nakuha ko ang mga bagay na sinimulan dito sa gedit na may ilang mga bukas na mga tag at 9 00:00:18,390 --> 00:00:19,540 ilang mga malapit na mga tag. 10 00:00:19,540 --> 00:00:23,330 Sa loob ng katawan pagkatapos ng pahinang ito, gawin ng open bracket, imahe ipaalam - 11 00:00:23,330 --> 00:00:25,640 img lamang, bagaman, hindi ang buong salita - 12 00:00:25,640 --> 00:00:27,940 espasyo alt katumbas. 13 00:00:27,940 --> 00:00:31,400 Pinapayagan ka ng alt sa akin upang magbigay ng kahaliling teksto para sa imaheng ito, lamang sa kaso ng 14 00:00:31,400 --> 00:00:34,360 gumagamit ay hindi maaaring aktwal na makita ang imahe Ako ay tungkol sa upang magbigay. 15 00:00:34,360 --> 00:00:38,930 Kaya hayaan ilarawan ni lamang ito imahe bilang isang mainit ang ulo Cat. 16 00:00:38,930 --> 00:00:42,490 At ngayon sabihin tukuyin na ang pinagmulan ng imaheng ito, SRC - 17 00:00:42,490 --> 00:00:46,070 kaya muli, hindi ang buong salita, SRC lamang - 18 00:00:46,070 --> 00:00:50,800 ay katumbas ng quote, magpanipi, "cat.jpg", na muli, ay ang file na nagawa sa 19 00:00:50,800 --> 00:00:54,220 maaga ako na-download sa ito pampublikong direktoryo. 20 00:00:54,220 --> 00:00:58,860 >> Ngayon isara ng quotes at Hayaan isara ang tag na tulad ng sumusunod. 21 00:00:58,860 --> 00:01:02,650 Isaalang-alang na para sa isang imahe, mayroong talagang hindi pagkaunawa ng simula ng isang imahe 22 00:01:02,650 --> 00:01:03,710 at pagtigil ng isang imahe. 23 00:01:03,710 --> 00:01:05,560 Ito ay alinman doon, o ito ay hindi. 24 00:01:05,560 --> 00:01:09,715 Kaya gusto sa pakiramdam ng isang maliit na kakaiba sa talaga magkaroon ng tahasang malapit na tag o 25 00:01:09,715 --> 00:01:11,250 pansarang tag para sa tag na imahe. 26 00:01:11,250 --> 00:01:15,650 Kaya nagbibigay-daan sa HTML sa amin upang buksan at isara ang tag nang sabay-sabay, sa pamamagitan lamang ng 27 00:01:15,650 --> 00:01:19,870 kabilang na ang forward slash sa pinakadulo ng pambukas na tag, pa rin 28 00:01:19,870 --> 00:01:21,880 sa loob ng angled bracket. 29 00:01:21,880 --> 00:01:24,790 >> Hayaan ngayong i-save ang file na ito, ang pagbabagong mga pahintulot nito, at tingnan ang mga 30 00:01:24,790 --> 00:01:28,130 ito sa loob ng isang browser - 31 00:01:28,130 --> 00:01:32,460 chmod isang + r image.html. 32 00:01:32,460 --> 00:01:42,090 Buksan up ang Chrome at pagbisita Sabihin ngayon http://localhost/image.html. 33 00:01:42,090 --> 00:01:43,630 Ang isang putol na icon ng imahe - 34 00:01:43,630 --> 00:01:45,020 ngayon, kung bakit maaaring maging iyon? 35 00:01:45,020 --> 00:01:48,330 >> Well, sabihin tumagal ng isang pagtingin sa utos linya sa kung sa katunayan ko ilagay ito 36 00:01:48,330 --> 00:01:50,750 maghain sa pampublikong direktoryo. 37 00:01:50,750 --> 00:01:55,960 Sabihin bumalik sa gedit, papunta sa terminal na window, at gawin ls-l. 38 00:01:55,960 --> 00:01:57,110 At mayroong cat.jpg. 39 00:01:57,110 --> 00:01:58,790 >> Ngunit tumingin sa mga pahintulot ng file. 40 00:01:58,790 --> 00:02:02,410 Mukhang na maging ang kaso na lamang ako, ang may-ari, maaari basahin at isulat ito 41 00:02:02,410 --> 00:02:03,460 JPEG sa sandaling ito. 42 00:02:03,460 --> 00:02:05,810 Kailangan naming bigyan ang mga kaparehong mga pahintulot sa buong mundo upang 43 00:02:05,810 --> 00:02:07,350 araw JPEG na ito pati na rin. 44 00:02:07,350 --> 00:02:08,259 >> Hindi isang problema - 45 00:02:08,259 --> 00:02:12,460 chmod isang + r cat.jpg. 46 00:02:12,460 --> 00:02:15,820 Ni kumpirmahin na iyon ay tama Hayaan may isa pang ls-l. 47 00:02:15,820 --> 00:02:21,350 At sa katunayan ngayon, parehong cat.jpg at basahin image.html na pahintulot para sa 48 00:02:21,350 --> 00:02:22,310 ang buong mundo. 49 00:02:22,310 --> 00:02:24,010 >> Sabihin pumunta ngayon pabalik sa browser. 50 00:02:24,010 --> 00:02:28,560 I-click ang reload o Control-R Hayaan. At doon ay, sa katunayan, isang mainit ang ulo ng pusa. 51 00:02:28,560 --> 00:02:31,019