1
00:00:00,140 --> 00:00:01,700
OK, torneremo.

2
00:00:01,710 --> 00:00:06,630
Quindi ora è il momento in cui finalmente iniziamo a scrivere effettivamente del codice

3
00:00:06,720 --> 00:00:09,320
e inizieremo parlando dell'HCM nella prossima unità.

4
00:00:09,450 --> 00:00:13,530
Copriremo molte parti diverse di esso su come impareremo alla fine a scrivere

5
00:00:13,530 --> 00:00:18,600
vecchi documenti per lui quando capirai la differenza tra i tag di chiusura e quelli a

6
00:00:18,600 --> 00:00:24,360
chiusura automatica taggati con gli attributi voglio assolutamente usare M. D e molto che hai già visto.

7
00:00:24,360 --> 00:00:29,580
E alla fine ti darò un'immagine di un sito Web e dovresti essere in grado di scrivere il corrispondente

8
00:00:29,580 --> 00:00:30,500
H. T. quantità.

9
00:00:30,810 --> 00:00:33,650
Quindi traduci un'immagine nel codice reale.

10
00:00:34,080 --> 00:00:38,170
Quindi inizieremo parlando un po 'della storia di HDMI.

11
00:00:38,550 --> 00:00:41,700
Quindi, ancora una volta è sinonimo di linguaggio di markup ipertestuale.

12
00:00:41,700 --> 00:00:48,720
Pensa a quella prima introduzione al video di front-end. L'uscita HDMI è la struttura e il contenuto di una pagina,

13
00:00:48,720 --> 00:00:52,690
non lo stile, non l'interattività, ma solo la struttura e il contenuto.

14
00:00:52,830 --> 00:00:59,730
Tornando nella comunità accademica nell'anno 1989 all'inizio del 1990, non è esattamente una data difficile da invecchiare per Timo,

15
00:00:59,730 --> 00:01:04,010
ma in quel periodo sostanzialmente le persone si scambiavano i documenti.

16
00:01:04,050 --> 00:01:09,930
Documenti di tesi giganti e documenti tecnici di documenti scientifici e tutti hanno una formattazione molto specifica.

17
00:01:10,560 --> 00:01:16,920
Ma quando vengono scambiati non c'era modo di inviare effettivamente quella formattazione su Internet.

18
00:01:17,370 --> 00:01:21,670
Quindi intendo dire che volevi avere un foglio che assomigliava a questo.

19
00:01:21,690 --> 00:01:25,560
E questa è una guida di stile che ho trovato scrivendo articoli scientifici.

20
00:01:25,560 --> 00:01:27,680
Quindi prendiamo semplicemente la sezione astratta.

21
00:01:27,900 --> 00:01:31,100
Quindi il tuo abstract sembra che ci sia un titolo qui.

22
00:01:31,260 --> 00:01:33,390
È un testo un po 'sfacciato e più grande.

23
00:01:33,600 --> 00:01:39,900
Abbiamo questa sorta di introduzione a una parte dell'astratto e quindi a una serie di punti elenco.

24
00:01:40,260 --> 00:01:43,010
Abbiamo testo in corsivo e in grassetto.

25
00:01:43,140 --> 00:01:47,130
E poi sembra un collegamento a un'altra parte del foglio.

26
00:01:47,550 --> 00:01:50,310
E infine abbiamo alcuni punti elenco annidati.

27
00:01:50,460 --> 00:01:53,830
Quindi questa informazione se volessi inviarlo a qualcuno.

28
00:01:54,090 --> 00:01:56,040
Ma tutto ciò che potrei inviare è un testo.

29
00:01:56,160 --> 00:02:00,420
Quindi non posso inviare un'immagine di questo non posso inviare come la struttura attuale di esso.

30
00:02:00,430 --> 00:02:07,600
Tutto quello che posso inviare è un testo in modo che possa sembrare qualcosa del genere.

31
00:02:07,620 --> 00:02:14,520
Il problema è come faccio a portare qui questo testo che è lo stesso testo di qui in Hadaway

32
00:02:14,520 --> 00:02:15,960
nel codice della struttura.

33
00:02:16,350 --> 00:02:20,420
Come posso dire questo abstract che in realtà non ha qui.

34
00:02:20,550 --> 00:02:26,890
Ma se aggiungessi quello in come direi questo è testo in grassetto e più grande e così è la funzione.

35
00:02:27,090 --> 00:02:33,090
E qui c'è un punto elenco e un altro punto elenco.

36
00:02:33,090 --> 00:02:35,590
Questo è ciò che ogni squadra ci lascia fare.

37
00:02:35,640 --> 00:02:40,650
Ci permette di prendere testo nel contenuto e semplicemente scrivendo un altro testo su di esso.

38
00:02:40,650 --> 00:02:42,930
Ci consente di specificare esattamente.

39
00:02:42,930 --> 00:02:44,730
Questo è un titolo questo è audace.

40
00:02:44,730 --> 00:02:46,140
Questo è in corsivo.

41
00:02:46,230 --> 00:02:48,900
Questo è un link e quell'ultima parte.

42
00:02:48,900 --> 00:02:51,360
Il collegamento è davvero molto importante.

43
00:02:51,870 --> 00:02:57,570
Ecco da dove viene il nome Hypertext Markup Language perché ogni T. M. ci consente di creare collegamenti

44
00:02:57,720 --> 00:03:01,200
ipertestuali e di collegare i documenti insieme è davvero importante.

45
00:03:01,200 --> 00:03:06,600
Molti articoli scientifici faranno riferimento a altri documenti scientifici e note a piè

46
00:03:06,600 --> 00:03:07,520
di pagina.

47
00:03:07,640 --> 00:03:13,110
L'ho facilitato e fatto un grande impatto e quindi fondamentalmente preso piede.

48
00:03:13,110 --> 00:03:15,210
La gente ha capito che è piuttosto semplice.

49
00:03:15,210 --> 00:03:20,700
Non è una cosa molto intimidatoria, così spostata da situazioni puramente accademiche a un tipo

50
00:03:20,700 --> 00:03:23,850
di uso più ampio fino al mio spazio.

51
00:03:23,860 --> 00:03:29,070
Pochi ricordano il mio spazio o se hai mai avuto un myspace puoi veramente modificare il tuo profilo semplicemente

52
00:03:29,160 --> 00:03:29,780
scrivendo HDMI.

53
00:03:29,970 --> 00:03:34,830
Quindi ci sono persone che non sono assolutamente tecniche e che sono ancora in grado di scrivere H

54
00:03:34,830 --> 00:03:39,450
T M L e C Ss per aggiungere alcune caratteristiche interessanti alla pagina per creare immagini personalizzate.

55
00:03:39,720 --> 00:03:40,270
OK.

56
00:03:40,380 --> 00:03:41,760
Quindi, tienilo a mente.

57
00:03:41,760 --> 00:03:46,030
Abbiamo questa cosa gigantesca di testo che vogliamo essere in grado di codificare alcune strutture.

58
00:03:46,050 --> 00:03:52,560
E voglio dire che questo è audace o questo è un punto elenco e così via.

59
00:03:52,840 --> 00:03:57,060
Tim L ci permette di farlo usando H. T. tag.

60
00:03:57,060 --> 00:04:02,250
Quindi, in pratica, prendiamo del contenuto nel mezzo e lo inseriamo tra un tag di apertura

61
00:04:02,250 --> 00:04:03,870
e un tag di chiusura.

62
00:04:03,990 --> 00:04:11,310
Questo mi consente di specificare parti specifiche della pagina o del paragrafo per il contenuto che posso dire proprio tra questi due tag

63
00:04:11,400 --> 00:04:16,970
è un diritto in grassetto tra questi due è un collegamento tra questi due è il testo

64
00:04:17,010 --> 00:04:18,620
in corsivo e così via.

65
00:04:18,630 --> 00:04:22,830
Quindi ti mostrerò che potremmo passare qui e decidere OK.

66
00:04:22,860 --> 00:04:29,580
Questo sarà un titolo sulla nostra pagina e lo avvolgeremo in un tag H1 che non abbiamo

67
00:04:29,580 --> 00:04:30,360
ancora introdotto.

68
00:04:30,360 --> 00:04:31,430
Ci arriveremo.

69
00:04:31,530 --> 00:04:36,560
Ma per ora limitiamoci a specificare che questa è la più grande intestazione sulla nostra pagina.

70
00:04:36,930 --> 00:04:40,440
La prossima cosa che potremmo voler fare è andare avanti e renderlo audace qui.

71
00:04:40,710 --> 00:04:46,140
Quindi il modo in cui rendiamo le cose in grassetto ce ne sono alcune, la più semplice è avvolgerlo

72
00:04:46,200 --> 00:04:48,420
in qualcosa chiamato B. Tech per dire che è audace.

73
00:04:48,450 --> 00:04:52,160
Per quelli di voi che lo conoscono, il tag è in realtà in via di esaurimento.

74
00:04:52,320 --> 00:04:56,920
Viene deprecato, il che significa che in pratica non si dovrebbe più usarlo.

75
00:04:56,940 --> 00:04:58,260
Funziona bene.

76
00:04:58,260 --> 00:04:59,070
C'è un'alternativa.

77
00:04:59,080 --> 00:05:01,120
Discuteremo tra un po '.

78
00:05:01,210 --> 00:05:04,910
Allo stesso modo, potrei voler fare qualcosa, diciamo un paragrafo a parte.

79
00:05:04,920 --> 00:05:09,940
Quindi volevo aggiungere una spaziatura tra questa linea e la riga successiva.

80
00:05:10,020 --> 00:05:15,090
sia tra questi due tag che va su una riga e che è sostanzialmente tornato su entrambi i lati.

81
00:05:15,120 --> 00:05:18,170
Quindi aggiungo un paragrafo e quello che farà è qualunque cosa

82
00:05:18,660 --> 00:05:25,440
Quindi, come puoi vedere, la regola generale si applica a tutti i tag che abbiamo visto o abbiamo un tag H1 o grassetto o

83
00:05:25,440 --> 00:05:26,660
un tag di paragrafo.

84
00:05:26,910 --> 00:05:29,130
Non concentrarti ancora sui tag.

85
00:05:29,130 --> 00:05:33,610
Avremo un sacco di video che discutono i singoli retroscena di tutti i tag.

86
00:05:33,720 --> 00:05:40,960
Ma ricordati ancora di questo schema abbiamo il nome del tag che inizia il nome del tag chiudendo alcuni contenuti in mezzo.

87
00:05:41,370 --> 00:05:47,100
OK, per il prossimo video ora realizzeremo un vero e proprio file Tim non solo un documento scientifico,

88
00:05:47,190 --> 00:05:49,060
un testo ma un vero file.

89
00:05:49,170 --> 00:05:51,770
E lo apriremo nel browser e vedremo effettivamente l'età T. M.