1
00:00:00,230 --> 00:00:00,950
Torneremo.

2
00:00:01,140 --> 00:00:06,360
Quindi in questa lezione inizieremo creando un nuovo file che lo riempia di h

3
00:00:06,360 --> 00:00:11,930
tm l un'apertura nel browser e impareremo anche la struttura sottostante di ogni documento HTML.

4
00:00:11,940 --> 00:00:17,190
Quindi ci sono alcune cose che ogni documento ha sempre una specie di testo che impareremo

5
00:00:17,190 --> 00:00:17,820
a conoscere.

6
00:00:17,820 --> 00:00:22,880
Quindi, per iniziare ad andare in sublime e ho intenzione di fare un nuovo file.

7
00:00:23,100 --> 00:00:29,610
Quindi file nuovo file o comando e quindi ho intenzione di salvare il file e dargli un nome.

8
00:00:29,610 --> 00:00:33,340
Quindi salva o comando come.

9
00:00:34,080 --> 00:00:37,040
Quindi una volta che lo farò, gli daremo un nome.

10
00:00:37,140 --> 00:00:42,980
Chiamiamo prima pagina la pagina T. M. e questa parte è molto importante.

11
00:00:42,990 --> 00:00:44,950
Dot h Timo.

12
00:00:45,690 --> 00:00:47,120
Quindi colpirò save.

13
00:00:47,670 --> 00:00:50,170
E quel punto ogni squadra lo dico sublime.

14
00:00:50,340 --> 00:00:55,790
E quando lo apro in Chrome dice a chrome Questo è un tim che verrà trattato come tale.

15
00:00:56,220 --> 00:00:58,000
Quindi possiamo scrivere a Tim Allen qui.

16
00:00:58,260 --> 00:01:04,460
Quindi inizieremo con l'unico tag che abbiamo visto finora è uno dei tag che è un H-1.

17
00:01:04,800 --> 00:01:06,740
E noterai che è evidenziato per me.

18
00:01:06,780 --> 00:01:08,040
Quindi riempiamo questo.

19
00:01:08,040 --> 00:01:16,470
Questo è il mio primo tag e salva questo file e vedrai sublime sapere che è H D M L, quindi evidenzia

20
00:01:16,770 --> 00:01:19,020
che rende i tag corrispondenti rossi.

21
00:01:19,020 --> 00:01:19,950
Nel mio caso.

22
00:01:20,130 --> 00:01:25,680
Ora quello che vogliamo fare è in realtà aprire questo file e visualizzarlo perché ricorda ogni volta

23
00:01:25,680 --> 00:01:31,910
che è solo un testo, ma il nostro browser lo interpreta e lo trasforma in qualcosa come questo o questo.

24
00:01:31,920 --> 00:01:36,230
Quindi, per far sì che Chrome lo apra, ci sono alcune soluzioni.

25
00:01:36,270 --> 00:01:41,370
Il primo è solo doppio clic su di esso e lo aprirà nel browser predefinito.

26
00:01:41,490 --> 00:01:47,100
Se non è chrome, funzionerà, ma lo aprirà in Safari o Firefox o Internet

27
00:01:47,580 --> 00:01:53,690
Explorer e puoi vedere che non appena viene aperto non mi mostra l'html effettivo che

28
00:01:53,690 --> 00:01:58,090
lo sta sottraendo e lo trasforma in questa bella rappresentazione visiva.

29
00:01:58,470 --> 00:02:03,340
Come sempre, posso visualizzare il mio codice sorgente e vedrai che è solo un tag.

30
00:02:03,510 --> 00:02:07,470
Quindi decisamente più semplice di qualcosa del genere.

31
00:02:09,330 --> 00:02:11,670
Ma di base sono esattamente gli stessi.

32
00:02:11,940 --> 00:02:15,910
E probabilmente c'è anche un H-1 su questa pagina.

33
00:02:15,960 --> 00:02:17,770
Quindi un altro modo per farlo.

34
00:02:18,000 --> 00:02:25,110
Puoi fare clic con il pulsante destro del mouse e fare clic su Apri con Google Chrome oppure puoi fare clic su di

35
00:02:25,110 --> 00:02:27,720
esso e trascinarlo su Chrome e questo lo aprirà.

36
00:02:27,720 --> 00:02:32,640
La stessa cosa vale per il sublimato, quindi se chiudete accidentalmente il file potete trascinarlo qui

37
00:02:32,640 --> 00:02:33,470
e lo riaprirà.

38
00:02:33,570 --> 00:02:40,200
Quindi, solo per mostrarti quel clic e posso aprirlo.

39
00:02:40,440 --> 00:02:44,380
Quindi sfortunatamente devo rompere le notizie che sono semplici.

40
00:02:44,370 --> 00:02:47,650
È Tim L che abbiamo scritto finora è in realtà un po 'sbagliato.

41
00:02:47,850 --> 00:02:52,140
Il tag e-mail stesso va bene, ma questo non è un documento valido.

42
00:02:52,140 --> 00:02:57,260
E questo perché ci manca la struttura sottostante che ogni pagina deve avere.

43
00:02:57,840 --> 00:02:59,320
Quindi sembra questo.

44
00:02:59,490 --> 00:03:01,370
È molto paragonato a quello che abbiamo fatto finora.

45
00:03:01,380 --> 00:03:03,950
Ma la buona notizia è che ci sono due buone notizie.

46
00:03:03,960 --> 00:03:05,560
Uno è sempre lo stesso.

47
00:03:05,900 --> 00:03:12,120
E due sublimi hanno una bella scorciatoia che ci dà questa struttura molto velocemente con solo

48
00:03:12,120 --> 00:03:13,880
quattro lettere che dobbiamo digitare.

49
00:03:14,280 --> 00:03:18,570
Quindi analizzeremo questi pezzi singolarmente e solo un po ', ma comincerò solo

50
00:03:18,570 --> 00:03:25,650
mostrandoti come ottenerlo in modo sublime in modo sublime invece che in h tim l file possiamo digitare la parola h

51
00:03:25,650 --> 00:03:29,690
tim L e poi premi scheda e otteniamo automaticamente questa struttura.

52
00:03:30,000 --> 00:03:32,400
Quindi andiamo oltre ciò che questo fa.

53
00:03:32,400 --> 00:03:33,460
Per prima cosa salveremo.

54
00:03:33,570 --> 00:03:39,090
Quindi c'è questo tipo di documento H su di esso ed è un po 'strano

55
00:03:39,090 --> 00:03:48,650
perché non esiste un tipo di documento di chiusura corrispondente come H-G M-L e il titolo, il titolo e il tipo di documento del corpo sono indipendenti.

56
00:03:48,690 --> 00:03:55,320
Quindi andiamo a M. D. che essere uno sviluppatore sta cercando qualcosa su Google.

57
00:03:55,850 --> 00:04:00,510
e semplicemente mostrandoti come ti avresti fatto scriverei MT-NW e poi tipo doc e potrebbe sembrare sciocco parlarne

58
00:04:00,510 --> 00:04:03,700
davvero, ma questo è importante perché trovare queste informazioni è davvero ciò

59
00:04:03,720 --> 00:04:05,500
Come trovi la risposta giusta

60
00:04:05,520 --> 00:04:07,740
Sarò un record completo e rotto su questo.

61
00:04:07,770 --> 00:04:12,660
I miei studenti ridono ogni volta che parlo dell'arte di googling ma è davvero importante.

62
00:04:12,930 --> 00:04:13,760
Quindi sono qui.

63
00:04:13,800 --> 00:04:14,910
Diamo un'occhiata.

64
00:04:15,030 --> 00:04:20,210
Dice che il tipo di documento per ciascun Timofei è semplice per indicare che il tuo contenuto HMO utilizza l'HDMI.

65
00:04:20,210 --> 00:04:26,970
Cinque semplicemente usare doctype H-2 con un punto esclamativo di fronte e vogliamo usare

66
00:04:26,970 --> 00:04:27,770
HMO 5.

67
00:04:27,870 --> 00:04:31,530
Parleremo esattamente di cosa sia uno schmuck un 5 e di cosa non lo sia.

68
00:04:31,530 --> 00:04:32,580
In un futuro video.

69
00:04:32,790 --> 00:04:34,070
Ma noi vogliamo usarlo.

70
00:04:34,140 --> 00:04:36,720
È fondamentalmente solo la versione più recente di lui invecchiato.

71
00:04:36,990 --> 00:04:38,660
Quindi lo mettiamo in cima.

72
00:04:39,030 --> 00:04:42,330
Quindi la prossima cosa di cui parleremo è l'elemento h tm l.

73
00:04:42,510 --> 00:04:47,490
Quindi questo è un po 'più difficile da trovare cercando chi fa MT-NW un HMO.

74
00:04:47,670 --> 00:04:48,540
Se solo

75
00:04:51,470 --> 00:04:56,030
ci siamo, cerco sempre questa fine vuota nel nome.

76
00:04:56,040 --> 00:05:01,350
E questo ci dice che l'elemento root di lui rappresenta la radice di un documento HMO.

77
00:05:01,500 --> 00:05:04,930
Tutti gli altri elementi devono essere i discendenti di questo elemento.

78
00:05:05,040 --> 00:05:06,500
Quindi è abbastanza auto-esplicativo.

79
00:05:06,620 --> 00:05:10,310
Fondamentalmente tutto ciò che scriviamo deve essere inserito all'interno di ciascun elemento.

80
00:05:10,710 --> 00:05:18,360
elemento principale seguito da un solo corpo che è quello che abbiamo una testa e un corpo.

81
00:05:18,360 --> 00:05:22,640
E, cosa più importante sotto contenuto consentito, ci dice un

82
00:05:23,820 --> 00:05:28,140
Diamo un'occhiata a quale testa è l'elemento principale.

83
00:05:28,140 --> 00:05:34,190
Fornire metadati di informazioni generali sul documento, inclusi il titolo e i collegamenti, sono definizioni di

84
00:05:34,200 --> 00:05:36,010
script e fogli di stile.

85
00:05:36,330 --> 00:05:41,200
Quindi, questo significa fondamentalmente tutto ciò che non vediamo nella pagina come utente.

86
00:05:41,400 --> 00:05:48,210
Quindi cose come i file di font nei nostri file di fogli di stile o file javascript, tutti quelli che

87
00:05:48,210 --> 00:05:53,200
vanno in testa e poi il corpo è dove mettiamo tutti i nostri contenuti.

88
00:05:53,610 --> 00:05:57,210
Rappresenta il contenuto di un documento HTML di età.

89
00:05:57,210 --> 00:06:03,760
Quindi se torniamo qui posso assicurarti un'altra cosa che è come scrivere commenti e metterlo in

90
00:06:03,750 --> 00:06:04,300
discussione.

91
00:06:04,530 --> 00:06:14,870
Se volessi scrivere una nota a me stesso se ho appena scritto questo contenuto va nel

92
00:06:14,910 --> 00:06:21,000
corpo e poi compaiono ho scritto un dato in testa.

93
00:06:21,750 --> 00:06:26,580
Fortunatamente non funzionerà perché questo apparirà effettivamente nella pagina.

94
00:06:26,720 --> 00:06:31,070
Il suo team tratterà questo testo simile e voglio che sia solo una nota per me.

95
00:06:31,230 --> 00:06:33,570
Quindi questo è qualcosa che puoi fare in ogni linguaggio di programmazione.

96
00:06:33,690 --> 00:06:41,040
meno di due trattini e poi un po 'di contenuto e poi sull'altro lato due trattini e un segno più grande di.

97
00:06:41,040 --> 00:06:47,100
È possibile trasformare questo in un commento e un commento appare come questo inizia con un punto esclamativo

98
00:06:49,050 --> 00:06:52,420
Così può digitare che sentiti digitarlo manualmente e puoi

99
00:06:57,000 --> 00:06:59,680
vederlo come se fosse grigio in sublime.

100
00:07:00,000 --> 00:07:05,220
Ma un'altra scorciatoia davvero elegante è che puoi selezionare una linea che non devi

101
00:07:05,220 --> 00:07:08,360
selezionarla, basta andare ad allineare e premere la

102
00:07:12,570 --> 00:07:21,160
barra comando e puoi anche vedere che può andare fino ad essa e puoi andare al commento per attivare / disattivare i commenti.

103
00:07:21,180 --> 00:07:24,230
Quindi nel caso te lo dimentichi e non vuoi scriverlo.

104
00:07:24,260 --> 00:07:25,200
Un'altra cosa carina.

105
00:07:25,250 --> 00:07:30,380
Diciamo che ho un sacco di note per me stesso, posso selezionarle tutte e fare la stessa cosa.

106
00:07:30,420 --> 00:07:33,000
Barra di comando.

107
00:07:34,440 --> 00:07:35,320
Grande.

108
00:07:35,400 --> 00:07:38,860
Quindi terrò qui questi commenti che sono solo delle note a me stesso.

109
00:07:39,000 --> 00:07:40,740
Il mio contenuto va nel corpo.

110
00:07:40,830 --> 00:07:43,000
Va in testa.

111
00:07:43,830 --> 00:07:50,880
Questo significa che se stiamo seguendo le nostre note, il nostro contenuto qui deve entrare nel nostro corpo.

112
00:07:52,680 --> 00:07:57,450
Quindi non dovremmo avere nulla che galleggia all'esterno dell'elemento H Tim L tranne per doctype.

113
00:07:57,540 --> 00:08:02,280
Tutto il resto va in testa o nel corpo.

114
00:08:02,280 --> 00:08:06,570
Quindi andiamo avanti e apriamolo assicuratevi che abbia lo stesso aspetto di prima.

115
00:08:06,570 --> 00:08:07,470
Doppio click.

116
00:08:07,620 --> 00:08:09,250
Puoi vedere che sembra identico.

117
00:08:09,420 --> 00:08:12,960
Vediamo la fonte della pagina sembra uguale.

118
00:08:12,960 --> 00:08:17,580
Si noti che i nostri commenti non vengono mostrati, naturalmente solo il nostro H-1 appare.

119
00:08:17,580 --> 00:08:20,590
Una cosa che ci manca mentre siamo qui è un titolo.

120
00:08:20,880 --> 00:08:27,570
Un titolo è importante non perché compare nella pagina che non verrà mostrato nella nostra pagina attuale qui.

121
00:08:27,690 --> 00:08:28,980
Ricorda che è nella testa.

122
00:08:29,040 --> 00:08:32,660
Quindi sono solo i metadati quello che fa sono due cose.

123
00:08:32,700 --> 00:08:37,270
Uno determinerà il nome o il testo che compare nella nostra scheda.

124
00:08:37,740 --> 00:08:43,710
Ed è anche importante per i motori di ricerca e per altre pagine quando altre pagine sono

125
00:08:44,070 --> 00:08:49,890
collegate al tuo sito o quando vai su Google e cerchi qui MDA con questi nomi.

126
00:08:49,880 --> 00:08:52,770
Questi provengono dagli elementi del titolo.

127
00:08:52,760 --> 00:08:58,070
Quindi per esempio M. D. e celebra 10 anni di documento nel tuo sito web che fai clic su di esso.

128
00:08:58,470 --> 00:09:02,120
Puoi vedere quassù dice MDA e celebra che viene troncato.

129
00:09:02,190 --> 00:09:07,500
Puoi controllare l'aspetto della pagina per un elemento del titolo.

130
00:09:07,500 --> 00:09:08,730
Quindi un sacco di cose qui andiamo.

131
00:09:08,760 --> 00:09:12,250
Titolo e celebra 10 anni di documentazione del tuo sito web.

132
00:09:12,600 --> 00:09:13,810
Il blog di mizzle.

133
00:09:14,340 --> 00:09:16,340
Quindi il titolo è importante.

134
00:09:17,070 --> 00:09:24,710
Diamo quindi a ArcSight un titolo chiamiamolo il mio primo aggiornamento della pagina di aggiornamento qui e si aggiorna.

135
00:09:25,710 --> 00:09:27,080
Questo è tutto per ora.

136
00:09:27,090 --> 00:09:28,420
Ricorda due cose.

137
00:09:28,540 --> 00:09:31,640
Questo testo può semplicemente digitare H lui l tab.

138
00:09:31,770 --> 00:09:33,720
Non ne avresti mai più di uno nel documento.

139
00:09:33,890 --> 00:09:37,850
Ma solo così ti ricordi la scheda HTML e i commenti.

140
00:09:37,980 --> 00:09:41,880
Si può fare con la barra dei comandi in modo da selezionarli e disattivarli.

141
00:09:41,900 --> 00:09:42,340
Tutto ok