1
00:00:00,000 --> 00:00:00,140

2
00:00:00,140 --> 00:00:03,700
>> PROFESSEUR HARLAN: HTML, ou HyperText
Markup Language, est la langue dans

3
00:00:03,700 --> 00:00:04,870
quelles pages Web sont écrites.

4
00:00:04,870 --> 00:00:08,140
Maintenant, ce n'est pas un langage de programmation,
car il ne nous permet pas d'exprimer

5
00:00:08,140 --> 00:00:11,420
logique, comme pour les boucles et les boucles while,
et les conditions et analogues.

6
00:00:11,420 --> 00:00:14,690
Au contraire, c'est en effet un langage de balisage
qui nous permet de préciser quelle toile

7
00:00:14,690 --> 00:00:17,490
Cette page devrait ressembler, structurellement
et esthétiquement.

8
00:00:17,490 --> 00:00:20,210
Et il le fait par le biais de
ce qu'on appelle les tags.

9
00:00:20,210 --> 00:00:23,470
Débutons notre et crée la plus simple de
page Web, celui qui dit tout simplement, pour

10
00:00:23,470 --> 00:00:25,410
Ainsi, bonjour monde.

11
00:00:25,410 --> 00:00:29,940
>> Remarquez ici, dans gedit, que j'ai déjà
enregistré le fichier comme hello.html.

12
00:00:29,940 --> 00:00:32,990
Et remarquez ici, dans le terminal
fenêtre, que je semble être à l'intérieur de

13
00:00:32,990 --> 00:00:36,070
un répertoire appelé publique, qui se
est à l'intérieur d'un répertoire appelé

14
00:00:36,070 --> 00:00:39,770
hôte local, qui lui-même est à l'intérieur de
un répertoire appelé vhosts, qui

15
00:00:39,770 --> 00:00:42,850
elle est à l'intérieur de John Harvard
répertoire personnel.

16
00:00:42,850 --> 00:00:45,850
Or, il s'avère, en raison de la façon dont
nous avons configuré l'appareil, qui

17
00:00:45,850 --> 00:00:49,670
est dans le monde réel comme un moyen possible,
rien à l'intérieur de ce public

18
00:00:49,670 --> 00:00:53,400
répertoire doit, en effet, être accessible
à l'ensemble du public via un

19
00:00:53,400 --> 00:00:56,610
navigateur web, même si, en ce moment,
Je suis le seul utilisateur qui va être

20
00:00:56,610 --> 00:00:58,340
accéder à cette page web.

21
00:00:58,340 --> 00:01:03,120
>> Revenons maintenant à hello.html et commencer
écrit une partie de cette langue.

22
00:01:03,120 --> 00:01:07,110
Tout d'abord, au sommet de ce dossier, je vais
préciser ouverte support, exclamation

23
00:01:07,110 --> 00:01:10,400
point DOCTYPE html espace.

24
00:01:10,400 --> 00:01:13,930
Cette ligne n'est pas une étiquette, en soi, même
si elle ne commence avec un esprit ouvert

25
00:01:13,930 --> 00:01:18,020
support, mais, au lieu, est un spécial
un fragment de ligne qui spécifie un

26
00:01:18,020 --> 00:01:22,370
navigateur, voici une web
page écrite en HTML.

27
00:01:22,370 --> 00:01:26,920
>> Laissez-nous prochaine, sur une ligne propre,
spécifier ouvert html support, indiquant

28
00:01:26,920 --> 00:01:29,890
pour le navigateur qui ici,
en effet, est que HTML.

29
00:01:29,890 --> 00:01:34,150
À l'intérieur de cela, nous allons indentent un peu, et
puis faire la tête, en précisant à l'

30
00:01:34,150 --> 00:01:37,470
navigateur, voici la tête de la
Cette page, qui, pour l'instant, supposons est

31
00:01:37,470 --> 00:01:40,830
essentiellement la barre de titre à la très
haut de la fenêtre du navigateur.

32
00:01:40,830 --> 00:01:45,500
Disons prochaine préciser, à l'intérieur de cette tête
tag, que nous avons un titre de

33
00:01:45,500 --> 00:01:47,570
quelque chose de simple comme bonjour.

34
00:01:47,570 --> 00:01:51,550
Mais maintenant, nous allons dire au navigateur
nous avons terminé fournir un titre.

35
00:01:51,550 --> 00:01:56,080
Pour ce faire, tout comme nous avons ouvert ou commencé
le tag, le titre, il ya un moment,

36
00:01:56,080 --> 00:02:00,250
nous allons maintenant près ou mettre fin à cette balise par
spécifier, en effet, c'est le contraire.

37
00:02:00,250 --> 00:02:05,010
>> Pour exprimer cela, nous faisons parenthèse ouverte,
barre oblique, le titre.

38
00:02:05,010 --> 00:02:07,830
De même, maintenant que nous avons terminé la définition,
pour l'instant, la tête de cette

39
00:02:07,830 --> 00:02:12,340
Cette page, nous ferons ouvert la tête de barre de support,
dire le navigateur que nous sommes

40
00:02:12,340 --> 00:02:14,710
maintenant fait fournissant la tête.

41
00:02:14,710 --> 00:02:18,080
Seulement une partie reste maintenant, la
que l'on appelle le corps de la page Web, ce qui

42
00:02:18,080 --> 00:02:21,120
constitue vraiment l'essence
de n'importe quelle page web.

43
00:02:21,120 --> 00:02:24,780
>> Précisons que, ici, il est
en commençant, avec support ouvert, le corps,

44
00:02:24,780 --> 00:02:25,600
ferme la parenthèse.

45
00:02:25,600 --> 00:02:29,080
Et nous allons écrire maintenant quelque chose
comme bonjour le monde par des virgules.

46
00:02:29,080 --> 00:02:32,930
On se sent comme c'est un assez bon web
Cette page, nous allons donc passer maintenant à une nouvelle ligne.

47
00:02:32,930 --> 00:02:37,460
Spécifiez support ouvert, barre oblique,
corps, informer le navigateur que nous sommes

48
00:02:37,460 --> 00:02:38,650
faire fournir à l'organisme.

49
00:02:38,650 --> 00:02:41,120
Et de même, nous allons informer maintenant
le navigateur que je suis fait

50
00:02:41,120 --> 00:02:43,230
fourniture d'une page web.

51
00:02:43,230 --> 00:02:47,120
Sur une ligne propre, nous ferons ouvert
support, barre oblique, html.

52
00:02:47,120 --> 00:02:49,350
>> Maintenant, remarquez l'esthétique
de cette page web.

53
00:02:49,350 --> 00:02:52,290
Même si, techniquement, ce n'est pas
nécessaire de fournir autant de blanc

54
00:02:52,290 --> 00:02:55,450
espace comme je l'ai fait, c'est un bon style, parce
le code est, sans doute, beaucoup

55
00:02:55,450 --> 00:02:56,490
plus lisible.

56
00:02:56,490 --> 00:03:00,780
Avis, en particulier, que lorsque j'ouvre
ou démarrer une étiquette, je puis tiret

57
00:03:00,780 --> 00:03:02,040
les lignes qui suivent.

58
00:03:02,040 --> 00:03:05,990
Et quand je ferme ou le tag, je
fermer cette étiquette soit sur le même

59
00:03:05,990 --> 00:03:09,790
ligne, si c'est une assez courte ligne, ou
sur une nouvelle ligne de telle sorte que la

60
00:03:09,790 --> 00:03:14,540
à proximité des lignes de tag up avec la balise d'ouverture,
un peu comme nous l'avons fait dans un langage comme C

61
00:03:14,540 --> 00:03:17,380
avec des accolades s'ouvrent et se ferment.

62
00:03:17,380 --> 00:03:20,350
>> Voyons maintenant enregistrer ce fichier et essayez
pour l'ouvrir dans un navigateur Web

63
00:03:20,350 --> 00:03:21,600
à l'intérieur de l'appareil.

64
00:03:21,600 --> 00:03:24,180

65
00:03:24,180 --> 00:03:30,310
Ouvrons Chrome, et nous allons maintenant
visiter http://localhost, qui est un

66
00:03:30,310 --> 00:03:34,930
surnom de l'appareil
lui-même, / hello.html.

67
00:03:34,930 --> 00:03:38,230
Et remarque que je n'ai pas fait tapé
public, car il est implicite

68
00:03:38,230 --> 00:03:42,430
que si vous visitez cette page web via un
navigateur, vous voulez bien pour accéder à la

69
00:03:42,430 --> 00:03:44,430
contenu de ce répertoire public.

70
00:03:44,430 --> 00:03:47,740
Mais je ne veux accéder, en particulier,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Donc, nous allons frapper maintenant Entrez
et voir ce qui se passe.

72
00:03:50,854 --> 00:03:51,710
>> Hm.

73
00:03:51,710 --> 00:03:56,260
Je n'ai pas la permission d'accès
/ Hello.html sur ce serveur.

74
00:03:56,260 --> 00:03:57,570
Maintenant, pourquoi cela pourrait-il être?

75
00:03:57,570 --> 00:04:01,040
Eh bien, il s'avère que ce n'est pas suffisant
de simplement mettre ce fichier, hello.html,

76
00:04:01,040 --> 00:04:02,560
dans ce répertoire public.

77
00:04:02,560 --> 00:04:06,150
Nous devons aussi dire de manière proactive la
appareil que nous, en effet, nous voulons

78
00:04:06,150 --> 00:04:09,470
permettre à tout le monde, potentiellement,
pour accéder à ce fichier.

79
00:04:09,470 --> 00:04:12,470
Pour ce faire, nous avons besoin de changer son
autorisations, pour ainsi dire, et nous pouvons

80
00:04:12,470 --> 00:04:14,600
faire à une ligne de commande.

81
00:04:14,600 --> 00:04:20,079
>> Tapons ls-l pour obtenir une longue liste
des fichiers dans ce répertoire, Entrée.

82
00:04:20,079 --> 00:04:22,480
Et nous voyons, en effet, hello.html.

83
00:04:22,480 --> 00:04:25,882
Mais ici sur la gauche,
avis, est un r et un w.

84
00:04:25,882 --> 00:04:29,050
Le r, comme vous l'aurez deviné, des moyens
lire, et les moyens w écrire, mais

85
00:04:29,050 --> 00:04:32,470
le fait qu'il ya une seule de ces r et
un tel poids, tout le chemin à l'

86
00:04:32,470 --> 00:04:36,710
gauche de ces traits, signifie que seul
le propriétaire des fichiers, moi-même, peut effectivement

87
00:04:36,710 --> 00:04:38,370
lire et écrire ce fichier.

88
00:04:38,370 --> 00:04:41,610
>> Nous devons passer au moins un autre
r pour laisser le monde entier lu

89
00:04:41,610 --> 00:04:42,810
ce fichier ainsi.

90
00:04:42,810 --> 00:04:47,320
Et pour ce faire, nous pouvons le faire avec l'
commande, chmod, ou le mode de changement.

91
00:04:47,320 --> 00:04:54,030
chmod a, pour tous, plus r,
espace, hello.html Entrée.

92
00:04:54,030 --> 00:04:56,970
Rien ne semble avoir été le cas, mais
c'est généralement une bonne chose.

93
00:04:56,970 --> 00:05:02,490
Donc ls-l nouveau devrait, espérons-le,
donner une certaine r supplémentaire de.

94
00:05:02,490 --> 00:05:04,130
>> Et en effet, nous voyons par exemple.

95
00:05:04,130 --> 00:05:08,350
Sur le côté gauche ici maintenant, avis
que je n'ai lecture et en écriture.

96
00:05:08,350 --> 00:05:10,320
Il ya un autre r, et puis un autre r.

97
00:05:10,320 --> 00:05:13,180
Eh bien, il s'avère que le r dans le milieu
signifie mon groupe, qui se trouve être

98
00:05:13,180 --> 00:05:15,370
les élèves de l'appareil,
peut également lire ce fichier.

99
00:05:15,370 --> 00:05:18,235
Mais c'est largement hors de propos ici,
puisque nous parlons du web et

100
00:05:18,235 --> 00:05:19,850
pas l'appareil lui-même.

101
00:05:19,850 --> 00:05:23,420
Mais ce troisième r tout le chemin sur la
indique juste que le monde entier,

102
00:05:23,420 --> 00:05:25,920
ou tous, peuvent lire ce fichier.

103
00:05:25,920 --> 00:05:29,290
>> Passons maintenant revenir à mon navigateur, rechargez
la page et voir si je ne suis pas

104
00:05:29,290 --> 00:05:32,050
plus interdit.

105
00:05:32,050 --> 00:05:36,800
Cliquons recharge l'icône de Chrome en place
ici, ou faire Control-R, et il nous

106
00:05:36,800 --> 00:05:38,750
avoir, bonjour monde.

107
00:05:38,750 --> 00:05:41,248