1
00:00:00,000 --> 00:00:02,150
>> DAVID Malan: Que diriez-vous d'un
page web avec une image?

2
00:00:02,150 --> 00:00:05,560
Supposons que dans, l'avance, je n'ai
déjà téléchargé un fichier JPEG d'une image

3
00:00:05,560 --> 00:00:07,290
de l'Internet, par exemple, un chat.

4
00:00:07,290 --> 00:00:08,650
L'Internet est rempli avec eux.

5
00:00:08,650 --> 00:00:10,710
Et j'ai mis que dans
mon répertoire public.

6
00:00:10,710 --> 00:00:13,030
Dans ce même répertoire public,
Créons une page appelée

7
00:00:13,030 --> 00:00:15,630
image.html comme suit.

8
00:00:15,630 --> 00:00:18,390
>> J'ai déjà obtenu les choses ont commencé ici
dans gedit avec des balises d'ouverture et

9
00:00:18,390 --> 00:00:19,540
certaines balises proches.

10
00:00:19,540 --> 00:00:23,330
A l'intérieur du corps, puis de cette page,
Faisons parenthèse ouverte, l'image -

11
00:00:23,330 --> 00:00:25,640
img juste, cependant, pas le mot complet -

12
00:00:25,640 --> 00:00:27,940
espace alt égale.

13
00:00:27,940 --> 00:00:31,400
alt me ​​permet de fournir un texte alternatif
pour cette image, juste au cas où la

14
00:00:31,400 --> 00:00:34,360
utilisateur ne peut pas vraiment voir l'image
Je suis sur le point de fournir.

15
00:00:34,360 --> 00:00:38,930
Donc, nous allons décrire simplement ce
image de chat grincheux.

16
00:00:38,930 --> 00:00:42,490
Et maintenant, nous allons préciser que la
source de cette image, src -

17
00:00:42,490 --> 00:00:46,070
là encore, pas le plein
mot, juste src -

18
00:00:46,070 --> 00:00:50,800
égaux entre guillemets, "cat.jpg",
qui encore une fois, est le fichier fait dans

19
00:00:50,800 --> 00:00:54,220
J'ai téléchargé l'avance en
cet annuaire public.

20
00:00:54,220 --> 00:00:58,860
>> Fermons maintenant les citations et
fermer la balise comme suit.

21
00:00:58,860 --> 00:01:02,650
Considérez que pour une image, il n'y a
vraiment aucune idée de démarrer une image

22
00:01:02,650 --> 00:01:03,710
et l'arrêt d'une image.

23
00:01:03,710 --> 00:01:05,560
C'est là, ou il n'est pas.

24
00:01:05,560 --> 00:01:09,715
Donc, il se sentirait un peu étrange
avoir fait un tag ou à proximité explicite

25
00:01:09,715 --> 00:01:11,250
balise de fin pour cette balise d'image.

26
00:01:11,250 --> 00:01:15,650
Donc HTML nous permet d'ouvrir et de fermer
le tag simultanément, par simple

27
00:01:15,650 --> 00:01:19,870
y compris la barre oblique à l'
fin de la balise de début, encore

28
00:01:19,870 --> 00:01:21,880
à l'intérieur des chevrons.

29
00:01:21,880 --> 00:01:24,790
>> Voyons maintenant enregistrer ce fichier, changement
sa autorisations, et vue

30
00:01:24,790 --> 00:01:28,130
à l'intérieur d'un navigateur -

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

32
00:01:32,460 --> 00:01:42,090
Nous allons maintenant ouvrir Chrome et visite
http://localhost/image.html.

33
00:01:42,090 --> 00:01:43,630
Une icône d'image brisée -

34
00:01:43,630 --> 00:01:45,020
maintenant, pourquoi pourrait-il être?

35
00:01:45,020 --> 00:01:48,330
>> Eh bien, nous allons jeter un oeil à la commande
ligne à savoir si j'ai effectivement mis cette

36
00:01:48,330 --> 00:01:50,750
déposer dans le répertoire public.

37
00:01:50,750 --> 00:01:55,960
Revenons à gedit, dans le
fenêtre de terminal, et faire ls-l.

38
00:01:55,960 --> 00:01:57,110
Et il ya cat.jpg.

39
00:01:57,110 --> 00:01:58,790
>> Mais regardez les permissions du fichier.

40
00:01:58,790 --> 00:02:02,410
Il semble être le cas que je suis seul,
le propriétaire peut lire et écrire ce

41
00:02:02,410 --> 00:02:03,460
JPEG pour le moment.

42
00:02:03,460 --> 00:02:05,810
Nous devons donner la même façon autorisations
pour le monde entier

43
00:02:05,810 --> 00:02:07,350
ce jour JPEG ainsi.

44
00:02:07,350 --> 00:02:08,259
>> Pas un problème -

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

46
00:02:12,460 --> 00:02:15,820
Disons confirmer que c'est exact
avec un autre ls-l.

47
00:02:15,820 --> 00:02:21,350
Et en effet, maintenant, à la fois cat.jpg et
image.html ont des autorisations de lecture pour

48
00:02:21,350 --> 00:02:22,310
le monde entier.

49
00:02:22,310 --> 00:02:24,010
>> Passons maintenant au navigateur.

50
00:02:24,010 --> 00:02:28,560
Cliquons rechargement ou Ctrl-R. Et
il est, en effet, un chat grincheux.

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