1
00:00:00,000 --> 00:00:02,150
>> DAVID Malan: Làm thế nào về một
trang web với một hình ảnh?

2
00:00:02,150 --> 00:00:05,560
Chúng ta hãy giả sử rằng trong, trước, tôi đã
đã được tải về ảnh JPEG của một hình ảnh

3
00:00:05,560 --> 00:00:07,290
từ internet, nói rằng, một con mèo.

4
00:00:07,290 --> 00:00:08,650
Internet là đầy với họ.

5
00:00:08,650 --> 00:00:10,710
Và tôi đã đặt vào đó
thư mục công cộng của tôi.

6
00:00:10,710 --> 00:00:13,030
Trong thư mục này công khai như nhau,
hãy tạo một trang gọi là

7
00:00:13,030 --> 00:00:15,630
image.html như sau.

8
00:00:15,630 --> 00:00:18,390
>> Tôi đã nhận được những điều bắt đầu ở đây
trong gedit với một số thẻ mở và

9
00:00:18,390 --> 00:00:19,540
một số thẻ gần.

10
00:00:19,540 --> 00:00:23,330
Bên trong cơ thể sau đó của trang này,
chúng ta hãy làm mở khung, hình ảnh -

11
00:00:23,330 --> 00:00:25,640
chỉ img, tuy nhiên, không phải là từ đầy đủ -

12
00:00:25,640 --> 00:00:27,940
không gian alt bằng.

13
00:00:27,940 --> 00:00:31,400
alt cho phép tôi để cung cấp văn bản thay thế
cho hình ảnh này, chỉ trong trường hợp

14
00:00:31,400 --> 00:00:34,360
người dùng có thể không thực sự thấy hình ảnh
Tôi về để cung cấp.

15
00:00:34,360 --> 00:00:38,930
Vì vậy, hãy chỉ đơn giản là mô tả này
hình ảnh như là một Cát Grumpy.

16
00:00:38,930 --> 00:00:42,490
Và bây giờ chúng ta hãy xác định rằng
nguồn gốc của hình ảnh này, src -

17
00:00:42,490 --> 00:00:46,070
vì vậy một lần nữa, không đầy đủ
từ, chỉ src -

18
00:00:46,070 --> 00:00:50,800
bằng giá, unquote, "cat.jpg",
mà một lần nữa, là tập tin thực hiện trong

19
00:00:50,800 --> 00:00:54,220
trước tôi đã tải về vào
thư mục công cộng này.

20
00:00:54,220 --> 00:00:58,860
>> Bây giờ chúng ta đóng dấu ngoặc kép và
đóng thẻ như sau.

21
00:00:58,860 --> 00:01:02,650
Hãy xem xét rằng cho một hình ảnh, có
thực sự không có khái niệm bắt đầu từ một hình ảnh

22
00:01:02,650 --> 00:01:03,710
và dừng lại một hình ảnh.

23
00:01:03,710 --> 00:01:05,560
Nó hoặc là có, hoặc nó không phải.

24
00:01:05,560 --> 00:01:09,715
Vì vậy, nó sẽ cảm thấy một chút lạ
thực sự có một thẻ đóng rõ ràng hay

25
00:01:09,715 --> 00:01:11,250
thẻ kết thúc cho tag hình ảnh này.

26
00:01:11,250 --> 00:01:15,650
Vì vậy, HTML cho phép chúng tôi để mở và đóng
thẻ cùng một lúc, chỉ đơn giản bằng

27
00:01:15,650 --> 00:01:19,870
trong đó dấu gạch chéo ở
rất cuối của thẻ bắt đầu, vẫn còn

28
00:01:19,870 --> 00:01:21,880
bên trong dấu ngoặc góc cạnh.

29
00:01:21,880 --> 00:01:24,790
>> Bây giờ hãy lưu tập tin này, thay đổi
quyền hạn của nó, và xem

30
00:01:24,790 --> 00:01:28,130
nó bên trong một trình duyệt -

31
00:01:28,130 --> 00:01:32,460
chmod a + r image.html.

32
00:01:32,460 --> 00:01:42,090
Hãy bây giờ mở Chrome và truy cập
http://localhost/image.html.

33
00:01:42,090 --> 00:01:43,630
Một biểu tượng hình ảnh bị hỏng -

34
00:01:43,630 --> 00:01:45,020
bây giờ, tại sao có thể được?

35
00:01:45,020 --> 00:01:48,330
>> Vâng, chúng ta hãy nhìn vào lệnh
dòng tại cho dù tôi đã thực sự đặt này

36
00:01:48,330 --> 00:01:50,750
tập tin trong thư mục công cộng.

37
00:01:50,750 --> 00:01:55,960
Chúng ta hãy quay trở lại gedit, vào
cửa sổ thiết bị đầu cuối, và làm ls-l.

38
00:01:55,960 --> 00:01:57,110
Và có cat.jpg.

39
00:01:57,110 --> 00:01:58,790
>> Nhưng nhìn vào quyền của tập tin.

40
00:01:58,790 --> 00:02:02,410
Nó có vẻ là trường hợp duy nhất tôi,
chủ sở hữu, có thể đọc và viết này

41
00:02:02,410 --> 00:02:03,460
JPEG vào lúc này.

42
00:02:03,460 --> 00:02:05,810
Chúng ta cần phải tương tự như cho phép
để cả thế giới

43
00:02:05,810 --> 00:02:07,350
JPEG trong một ngày là tốt.

44
00:02:07,350 --> 00:02:08,259
>> Không phải là một vấn đề -

45
00:02:08,259 --> 00:02:12,460
chmod a + r cat.jpg.

46
00:02:12,460 --> 00:02:15,820
Chúng ta hãy xác nhận rằng đó là chính xác
với một ls-l.

47
00:02:15,820 --> 00:02:21,350
Và thực sự bây giờ, cả hai cat.jpg và
image.html đã đọc các điều khoản cho

48
00:02:21,350 --> 00:02:22,310
toàn thế giới.

49
00:02:22,310 --> 00:02:24,010
>> Bây giờ chúng ta quay trở lại trình duyệt.

50
00:02:24,010 --> 00:02:28,560
Hãy nhấp vào tải lại hoặc Control-R. Và
có, thực sự, một con mèo gắt gỏng.

51
00:02:28,560 --> 00:02:31,019