1 00:00:00,000 --> 00:00:02,150 >> DAVID馬蘭:怎麼樣 網頁用的圖像嗎? 2 00:00:02,150 --> 00:00:05,560 讓我們假設在,前進,我已經 已下載的圖像的JPEG 3 00:00:05,560 --> 00:00:07,290 從互聯網上,說,一隻貓。 4 00:00:07,290 --> 00:00:08,650 互聯網是充滿了他們。 5 00:00:08,650 --> 00:00:10,710 我已經把它列入 我的公共目錄。 6 00:00:10,710 --> 00:00:13,030 在這同一個公共目錄, 讓我們創建一個名為頁 7 00:00:13,030 --> 00:00:15,630 image.html如下。 8 00:00:15,630 --> 00:00:18,390 >> 我已經得到的東西在這裡開始 在gedit中有一些開放標籤和 9 00:00:18,390 --> 00:00:19,540 一些關閉標籤。 10 00:00:19,540 --> 00:00:23,330 身體內部的則當前頁的, 讓我們做開放式支架,圖像 - 11 00:00:23,330 --> 00:00:25,640 只是IMG,雖然不是完整的字 - 12 00:00:25,640 --> 00:00:27,940 空間ALT等於。 13 00:00:27,940 --> 00:00:31,400 ALT允許我提供替代文本 對於這個形象,以防萬一 14 00:00:31,400 --> 00:00:34,360 用戶不能實際看到的圖像 我將要提供的。 15 00:00:34,360 --> 00:00:38,930 因此,讓我們簡單地描述這個 圖像作為一個脾氣暴躁的貓。 16 00:00:38,930 --> 00:00:42,490 現在讓我們來指定 源這一形象,SRC的 - 17 00:00:42,490 --> 00:00:46,070 如此反复,不完整 一句話,只是SRC - 18 00:00:46,070 --> 00:00:50,800 等於報價,引文,“cat.jpg” 這又是在完成的文件 19 00:00:50,800 --> 00:00:54,220 我提前下載到 這個公共目錄。 20 00:00:54,220 --> 00:00:58,860 >> 現在讓我們來關閉該報價和 關閉標記,如下所示。 21 00:00:58,860 --> 00:01:02,650 想想看,一個圖像,有 啟動圖像的真的沒有概念 22 00:01:02,650 --> 00:01:03,710 和停止的圖像。 23 00:01:03,710 --> 00:01:05,560 這是不是存在,或者它不是。 24 00:01:05,560 --> 00:01:09,715 所以它會覺得有點怪 其實有一個明確的結束標記或 25 00:01:09,715 --> 00:01:11,250 結束標記這個圖片標籤。 26 00:01:11,250 --> 00:01:15,650 因此,HTML允許我們打開和關閉 標籤同步,只需通過 27 00:01:15,650 --> 00:01:19,870 包括正斜杠在 開始標籤的盡頭,仍然 28 00:01:19,870 --> 00:01:21,880 裡面的尖括號中。 29 00:01:21,880 --> 00:01:24,790 >> 現在讓我們保存這個文件,更改 它的權限,並查看 30 00:01:24,790 --> 00:01:28,130 這裡面一個瀏覽器 - 31 00:01:28,130 --> 00:01:32,460 存取權限chmod a + R image.html。 32 00:01:32,460 --> 00:01:42,090 現在,讓我們打開Chrome和訪問 http://localhost/image.html。 33 00:01:42,090 --> 00:01:43,630 破碎的圖像圖標 - 34 00:01:43,630 --> 00:01:45,020 現在,為什麼會這樣呢? 35 00:01:45,020 --> 00:01:48,330 >> 好吧,讓我們來看看命令 在我是否確實把這個線 36 00:01:48,330 --> 00:01:50,750 文件中的公共目錄。 37 00:01:50,750 --> 00:01:55,960 讓我們回到gedit的,到 終端窗口,並執行ls-l的。 38 00:01:55,960 --> 00:01:57,110 還有的cat.jpg。 39 00:01:57,110 --> 00:01:58,790 >> 但看看文件的權限。 40 00:01:58,790 --> 00:02:02,410 它似乎是這種情況,只有I, 店主,可以讀取和寫入該 41 00:02:02,410 --> 00:02:03,460 JPEG的時刻。 42 00:02:03,460 --> 00:02:05,810 我們需要同樣授予權限 整個世界 43 00:02:05,810 --> 00:02:07,350 這一天的JPEG為好。 44 00:02:07,350 --> 00:02:08,259 >> 這不是個問題 - 45 00:02:08,259 --> 00:02:12,460 存取權限chmod a + R cat.jpg。 46 00:02:12,460 --> 00:02:15,820 讓我們確認這是正確的 與另一ls-l的。 47 00:02:15,820 --> 00:02:21,350 而事實上現在,無論是cat.jpg和 image.html具有讀取權限, 48 00:02:21,350 --> 00:02:22,310 整個世界。 49 00:02:22,310 --> 00:02:24,010 >> 現在,讓我們回到瀏覽器。 50 00:02:24,010 --> 00:02:28,560 讓我們單擊重載或Control-R。和 有,的確,一個脾氣暴躁的貓。 51 00:02:28,560 --> 00:02:31,019