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

2
00:00:00,140 --> 00:00:03,700
>> PROFESSORE HARLAN: HTML, o HyperText
Linguaggio di markup, è la lingua in

3
00:00:03,700 --> 00:00:04,870
quali pagine web sono scritte.

4
00:00:04,870 --> 00:00:08,140
Ora, non è un linguaggio di programmazione,
perché non ci consente di esprimere

5
00:00:08,140 --> 00:00:11,420
logica, come cicli for e while,
e le condizioni e simili.

6
00:00:11,420 --> 00:00:14,690
Piuttosto, è davvero un linguaggio di markup
che ci permette di specificare ciò che un web

7
00:00:14,690 --> 00:00:17,490
La pagina dovrebbe essere simile, strutturalmente
ed esteticamente.

8
00:00:17,490 --> 00:00:20,210
E lo fa mediante
quelli che vengono chiamati tag.

9
00:00:20,210 --> 00:00:23,470
Tuffiamoci in e fare il più semplice dei
pagina web, uno che dice semplicemente, per

10
00:00:23,470 --> 00:00:25,410
esempio, ciao mondo.

11
00:00:25,410 --> 00:00:29,940
>> Si noti qui, in gedit, che ho già
salvate il file come hello.html.

12
00:00:29,940 --> 00:00:32,990
E notare qui, nel terminale
finestra, che mi sembra di essere all'interno di

13
00:00:32,990 --> 00:00:36,070
una directory denominata pubblico, che si
è all'interno di una directory denominata

14
00:00:36,070 --> 00:00:39,770
host locale, che a sua volta è dentro di
una directory denominata vhosts, che

15
00:00:39,770 --> 00:00:42,850
si è dentro di John Harvard di
home directory.

16
00:00:42,850 --> 00:00:45,850
Ora si scopre, a causa del modo
abbiamo configurato l'apparecchio, che

17
00:00:45,850 --> 00:00:49,670
è nel mondo reale come un modo possibile,
nulla all'interno di questa pubblica

18
00:00:49,670 --> 00:00:53,400
Elenco deve, infatti, essere accessibile
per tutto il pubblico tramite

19
00:00:53,400 --> 00:00:56,610
browser web, anche se, in questo momento,
Sono l'unico utente che sta per essere

20
00:00:56,610 --> 00:00:58,340
accedendo a questa pagina.

21
00:00:58,340 --> 00:01:03,120
>> Vediamo ora tornare alla hello.html e iniziare
la scrittura di alcuni di quella lingua.

22
00:01:03,120 --> 00:01:07,110
In primo luogo, in cima a questo file, ho intenzione di
specificare aperto staffa, esclamazione

23
00:01:07,110 --> 00:01:10,400
punto, DOCTYPE html spazio.

24
00:01:10,400 --> 00:01:13,930
Questa linea non è un tag, di per sé, anche
anche se non inizia con un open

25
00:01:13,930 --> 00:01:18,020
staffa, ma, invece, è una speciale
un frammento riga che specifica un

26
00:01:18,020 --> 00:01:22,370
il browser, ecco che arriva un web
pagina scritta in HTML.

27
00:01:22,370 --> 00:01:26,920
>> Andiamo prossimo, su una linea propria,
specificare aperta html staffa, indicando

28
00:01:26,920 --> 00:01:29,890
al browser che qui,
infatti, è che HTML.

29
00:01:29,890 --> 00:01:34,150
All'interno di questo, diamo trattino un po ', e
poi fare di testa, specificando il

30
00:01:34,150 --> 00:01:37,470
il browser, ecco che arriva il capo della
pagina, che, per ora, assumere è

31
00:01:37,470 --> 00:01:40,830
essenzialmente la barra del titolo per lo
parte superiore della finestra del browser.

32
00:01:40,830 --> 00:01:45,500
Facciamo il prossimo specificare, all'interno di quella testa
tag, che avremo un titolo di

33
00:01:45,500 --> 00:01:47,570
qualcosa di semplice come ciao.

34
00:01:47,570 --> 00:01:51,550
Ma ora, cerchiamo di dire al browser
abbiamo finito fornendo un titolo.

35
00:01:51,550 --> 00:01:56,080
Per farlo, proprio come abbiamo aperto o iniziato
il tag, il titolo, un momento fa,

36
00:01:56,080 --> 00:02:00,250
andiamo ora chiudere o terminare quel tag da
specificando, in effetti, il contrario.

37
00:02:00,250 --> 00:02:05,010
>> Per esprimere questo, facciamo parentesi aperta,
slash, titolo.

38
00:02:05,010 --> 00:02:07,830
Allo stesso modo, ora che abbiamo finito di definire,
per ora, il capo di questa

39
00:02:07,830 --> 00:02:12,340
pagina, faremo aperto staffa di testa barra,
dice al browser che stiamo

40
00:02:12,340 --> 00:02:14,710
ora fatto fornendo la testa.

41
00:02:14,710 --> 00:02:18,080
Solo una porzione rimane ora, la
cosiddetto corpo della pagina web, che

42
00:02:18,080 --> 00:02:21,120
costituisce davvero l'essenza
di qualsiasi pagina web.

43
00:02:21,120 --> 00:02:24,780
>> Cerchiamo di specificare che, qui, è
inizio, con parentesi aperta, il corpo,

44
00:02:24,780 --> 00:02:25,600
close staffa.

45
00:02:25,600 --> 00:02:29,080
E andiamo ora scrivere qualcosa
come ciao mondo virgola.

46
00:02:29,080 --> 00:02:32,930
Sembra questa è una buona abbastanza web
pagina, quindi andiamo ora passare ad una nuova linea.

47
00:02:32,930 --> 00:02:37,460
Specificare parentesi aperta, barra,
corpo, informando il browser che siamo

48
00:02:37,460 --> 00:02:38,650
fatto fornendo al corpo.

49
00:02:38,650 --> 00:02:41,120
E allo stesso modo, andiamo ora informare
il browser che ho finito

50
00:02:41,120 --> 00:02:43,230
fornendo una pagina web.

51
00:02:43,230 --> 00:02:47,120
Su una linea propria, faremo aperto
staffa, slash, html.

52
00:02:47,120 --> 00:02:49,350
>> Ora, notate l'estetica
di questa pagina web.

53
00:02:49,350 --> 00:02:52,290
Anche se, tecnicamente, non è
necessarie a fornire il più bianco

54
00:02:52,290 --> 00:02:55,450
spazio come ho fatto io, è buono stile, perché
il codice è, probabilmente, molto più

55
00:02:55,450 --> 00:02:56,490
più leggibile.

56
00:02:56,490 --> 00:03:00,780
Si noti, in particolare, che quando apro
o avviare un tag, ho poi trattino

57
00:03:00,780 --> 00:03:02,040
le linee che seguono.

58
00:03:02,040 --> 00:03:05,990
E quando chiudo o e il tag, mi
chiudere il tag sulla stessa

59
00:03:05,990 --> 00:03:09,790
linea, se è abbastanza breve linea, o
su una nuova linea in modo tale che la

60
00:03:09,790 --> 00:03:14,540
chiudi linee tag piano con l'etichetta aperta,
proprio come abbiamo fatto in un linguaggio come C

61
00:03:14,540 --> 00:03:17,380
con parentesi graffe di apertura e chiusura.

62
00:03:17,380 --> 00:03:20,350
>> Vediamo ora salvare il file e provare
per aprirlo in un browser Web

63
00:03:20,350 --> 00:03:21,600
all'interno dell'apparecchio.

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

65
00:03:24,180 --> 00:03:30,310
Apriamo su Chrome, e andiamo ora
visitare http://localhost, che è un

66
00:03:30,310 --> 00:03:34,930
soprannome per l'apparecchio
sé, / hello.html.

67
00:03:34,930 --> 00:03:38,230
E accorgo che non ho effettivamente digitato
pubblico, perché è implicito

68
00:03:38,230 --> 00:03:42,430
che se visitare questa pagina tramite un web
browser, è davvero desidera accedere alla

69
00:03:42,430 --> 00:03:44,430
contenuto di quella directory pubblica.

70
00:03:44,430 --> 00:03:47,740
Ma io voglio accedere, in particolare,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Quindi cerchiamo di ora premete Invio
e vedere cosa succede.

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

73
00:03:51,710 --> 00:03:56,260
Non ho il permesso di accesso
/ Hello.html su questo server.

74
00:03:56,260 --> 00:03:57,570
Ora, perché potrebbe essere?

75
00:03:57,570 --> 00:04:01,040
Beh, si scopre che non è sufficiente
semplicemente mettere il file, hello.html,

76
00:04:01,040 --> 00:04:02,560
in tale elenco pubblico.

77
00:04:02,560 --> 00:04:06,150
Abbiamo anche bisogno di raccontare in modo proattivo l'
apparecchio che, in effetti, vogliamo

78
00:04:06,150 --> 00:04:09,470
consentire il mondo intero, potenzialmente,
per accedere a questo file.

79
00:04:09,470 --> 00:04:12,470
Per farlo, abbiamo bisogno di cambiare la sua
autorizzazioni, per così dire, e possiamo

80
00:04:12,470 --> 00:04:14,600
farlo in una riga di comando.

81
00:04:14,600 --> 00:04:20,079
>> Proviamo quindi a digitare ls-l per ottenere una lunga lista
dei file in questa directory, Invio.

82
00:04:20,079 --> 00:04:22,480
E vediamo, infatti, hello.html.

83
00:04:22,480 --> 00:04:25,882
Ma qui a sinistra,
avviso, è un r e w.

84
00:04:25,882 --> 00:04:29,050
Il r, come si potrebbe immaginare, significa
leggere, ed i mezzi w scrivono, ma

85
00:04:29,050 --> 00:04:32,470
il fatto c'è solo un tale r e
Uno di questi w, tutto il senso sopra la

86
00:04:32,470 --> 00:04:36,710
fianco di quei trattini, significa che solo
il proprietario dei file, me stesso, può effettivamente

87
00:04:36,710 --> 00:04:38,370
leggere e scrivere questo file.

88
00:04:38,370 --> 00:04:41,610
>> Dobbiamo passare almeno un'altra
r per lasciare tutto il mondo continua

89
00:04:41,610 --> 00:04:42,810
questo file pure.

90
00:04:42,810 --> 00:04:47,320
E per fare questo, possiamo farlo con la
comando chmod, o cambiare modalità.

91
00:04:47,320 --> 00:04:54,030
chmod a, per tutti, più r,
spazio, hello.html Invio.

92
00:04:54,030 --> 00:04:56,970
Nulla sembra essere accaduto, ma
che è generalmente una buona cosa.

93
00:04:56,970 --> 00:05:02,490
Così ls-l dovrebbe ancora una volta, si spera,
cedere qualche ulteriore erre.

94
00:05:02,490 --> 00:05:04,130
>> E infatti, facciamo vedere tale.

95
00:05:04,130 --> 00:05:08,350
Sul lato sinistro qui ora, avviso
che ho leggere e scrivere privilegi.

96
00:05:08,350 --> 00:05:10,320
C'è un'altra r, e poi un altro r.

97
00:05:10,320 --> 00:05:13,180
Beh, si scopre il r nel mezzo
significa che il mio gruppo, che risulta essere

98
00:05:13,180 --> 00:05:15,370
studenti in dell'apparecchio,
può anche leggere questo file.

99
00:05:15,370 --> 00:05:18,235
Ma questo è in gran parte irrilevanti qui,
dal momento che stiamo parlando del web e

100
00:05:18,235 --> 00:05:19,850
Non dell'apparecchio stesso.

101
00:05:19,850 --> 00:05:23,420
Ma questo terzo r tutta la strada sul
destra indica che il mondo intero,

102
00:05:23,420 --> 00:05:25,920
o tutti, in grado di leggere il file.

103
00:05:25,920 --> 00:05:29,290
>> Vediamo ora torniamo al mio browser, ricaricare
la pagina e vedere se io non sono

104
00:05:29,290 --> 00:05:32,050
è più proibito.

105
00:05:32,050 --> 00:05:36,800
Facciamo clic sull'icona reload di Chrome up
qui, o colpire Control-R, e ci siamo

106
00:05:36,800 --> 00:05:38,750
avere, ciao mondo.

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