1
00:00:00,780 --> 00:00:05,100
Quindi in questo video andremo a conoscere alcuni altri elementi HDMI che sono piuttosto comuni.

2
00:00:05,340 --> 00:00:11,970
Quindi abbiamo visto come scrivere commenti che abbiamo visto head e body doc in gufo HCM e H-1.

3
00:00:11,970 --> 00:00:15,710
Ora impareremo molte altre cose che possono andare nel corpo.

4
00:00:15,840 --> 00:00:20,100
Quindi nelle diapositive c'è un piccolo capolavoro qui di alcune delle cose che copriremo quindi

5
00:00:20,100 --> 00:00:22,170
ci riferiremo a questo in un po '.

6
00:00:22,350 --> 00:00:26,430
Ma prima di allora voglio mostrarti il ​​riferimento all'elemento MT-NW.

7
00:00:26,430 --> 00:00:28,170
Quindi questo link è nella descrizione.

8
00:00:28,170 --> 00:00:29,730
È anche nelle diapositive.

9
00:00:29,730 --> 00:00:36,480
Potresti anche solo arrivare da Google su Google. D. n elemento di riferimento ed è fondamentalmente una

10
00:00:36,480 --> 00:00:39,140
pagina web che elenca tutti gli elementi in HMO.

11
00:00:39,210 --> 00:00:45,270
Quindi alcune persone sono sorprese di quante altre persone altri studenti che ho ascoltato sono sorpresi

12
00:00:45,570 --> 00:00:48,260
di quanto pochi ci siano in giro.

13
00:00:48,330 --> 00:00:49,360
E questa è solo una supposizione.

14
00:00:49,380 --> 00:00:53,500
Non ho contato, ma circa un centinaio questa pagina ha tutti loro.

15
00:00:53,520 --> 00:00:59,410
Puoi leggere su ognuno di essi in modo da sapere che potremmo cercare il corpo e potremmo leggere sul

16
00:00:59,420 --> 00:01:01,100
corpo di cui abbiamo già fatto.

17
00:01:01,340 --> 00:01:03,970
Quello che voglio mostrarti è che ci sono un sacco qui.

18
00:01:04,110 --> 00:01:07,880
Ci sono probabilmente da 10 a 15 che userai tutto il tempo.

19
00:01:07,950 --> 00:01:13,230
Direi che se si fa circa la metà di questi negli ultimi mesi nessuno di questi è davvero quello che sto cercando di dire

20
00:01:13,230 --> 00:01:16,890
è che ci sono un sacco di cose qui non sentono il bisogno di sapere tutto questo.

21
00:01:16,890 --> 00:01:21,010
Questa è una di quelle volte in cui ti dirò che non si tratta di memorizzazione.

22
00:01:21,300 --> 00:01:25,140
Torniamo al nostro H-1 e facciamo un po 'di lettura di una volta.

23
00:01:25,350 --> 00:01:32,280
Quindi cercherò qui per ognuno rapidamente sul link corrispondente e fondamentalmente un H1 fino a sei

24
00:01:32,520 --> 00:01:36,640
anni sono i sei livelli delle intestazioni del documento.

25
00:01:36,780 --> 00:01:41,970
Quindi in ognuno di noi sarà la rubrica più importante della tua pagina, è la più grande

26
00:01:41,970 --> 00:01:46,450
voce fino a 6 anni, che è ancora un titolo, ma è l'intestazione meno importante.

27
00:01:47,130 --> 00:01:53,340
Quindi puoi vedere che c'è un esempio qui H1 H2 che tre fino ai sei anni.

28
00:01:53,340 --> 00:01:55,640
Questa è l'età risultante per un maschio.

29
00:01:56,400 --> 00:02:00,850
Quindi ecco un altro esempio qui dove abbiamo alcuni H1 e alcuni altri tag.

30
00:02:00,960 --> 00:02:04,110
E finiamo con questo elemento di intestazione.

31
00:02:05,370 --> 00:02:07,860
Bene, vai avanti e ne fai altri.

32
00:02:07,890 --> 00:02:10,570
Scusa ancora alcuni elementi di Hedding in H-2.

33
00:02:10,800 --> 00:02:11,790
Non li

34
00:02:16,330 --> 00:02:21,460
faremo tutti e ne faremo uno in più.

35
00:02:23,820 --> 00:02:27,150
E cambiamo questo per essere un terzo di età.

36
00:02:27,300 --> 00:02:28,510
Facciamo effettivamente all'età di sei anni.

37
00:02:28,510 --> 00:02:32,960
Puoi vedere quanto sono piccoli e salviamolo.

38
00:02:32,960 --> 00:02:39,870
Vai avanti e riapri la nostra pagina e puoi vedere che abbiamo un titolo Hedding leggermente più piccolo.

39
00:02:40,200 --> 00:02:43,190
E questa intestazione più piccola che possiamo andare.

40
00:02:43,230 --> 00:02:49,380
Quindi un'altra cosa su H-1 e altri titoli è che sono qualcosa chiamato gli elementi a livello di blocco.

41
00:02:49,530 --> 00:02:53,800
Quindi, ciò significa che ognuno ottiene la propria linea.

42
00:02:54,870 --> 00:03:01,140
Quindi, anche se li metto sulla stessa riga e aggiorno la pagina, ognuno di essi ottiene una linea separata

43
00:03:01,140 --> 00:03:04,450
e spinge tutto dopo di essa su una nuova riga.

44
00:03:04,470 --> 00:03:05,920
Quindi questo è importante.

45
00:03:06,030 --> 00:03:10,350
Ciò verrà fuori perché ci saranno altri elementi che non si comportano in questo modo e

46
00:03:10,350 --> 00:03:12,010
quelli sono chiamati elementi in linea.

47
00:03:12,200 --> 00:03:14,010
OK, quindi annullalo.

48
00:03:14,040 --> 00:03:15,930
Assicurati di avere questo spazio correttamente.

49
00:03:15,930 --> 00:03:18,960
Andiamo avanti e aggiungiamo del testo qui.

50
00:03:19,500 --> 00:03:26,480
Quindi dirò che questo è solo un piccolo bios. Metto un po 'di testo qui.

51
00:03:26,700 --> 00:03:29,140
Questo è un testo.

52
00:03:29,160 --> 00:03:30,230
Blah blah blah.

53
00:03:30,390 --> 00:03:34,470
E questo voglio solo essere un testo normale.

54
00:03:34,470 --> 00:03:41,090
Non voglio che sia grande o evidenziato o niente, quindi potrei semplicemente scrivere un testo come questo.

55
00:03:41,400 --> 00:03:45,060
Posso aggiungere un po 'di più qui.

56
00:03:46,800 --> 00:03:47,990
E aggiorno la mia pagina.

57
00:03:48,050 --> 00:03:54,270
Prendo questa cosa gigantesca di testo su una riga, ma diciamo che mi rendo conto che in realtà voglio un'interruzione di linea

58
00:03:54,270 --> 00:03:54,930
proprio qui.

59
00:03:54,930 --> 00:04:00,450
Questi sono due paragrafi di assurdità da fare che posso usare il tag del paragrafo.

60
00:04:00,810 --> 00:04:03,720
Quindi se torni qui e cerchiamo il tag

61
00:04:09,300 --> 00:04:16,170
vedrai che il tag è appena usato per rappresentare un paragrafo di testo ei paragrafi sono elementi a livello

62
00:04:16,200 --> 00:04:17,040
di blocco.

63
00:04:17,040 --> 00:04:20,860
Ciò significa che anche loro vanno sulla propria linea.

64
00:04:21,030 --> 00:04:22,620
Quindi aggiungiamo un paragrafo qui.

65
00:04:22,650 --> 00:04:28,080
Quindi voglio dividere qui e qui scusa qui.

66
00:04:28,080 --> 00:04:31,770
Quindi mi limito a racchiuderlo in un tag

67
00:04:35,160 --> 00:04:39,030
di paragrafo in questo modo e poi aggiungerò un

68
00:04:42,750 --> 00:04:50,470
altro tag di paragrafo davanti a questo e in seguito andremo ad assicurarci di salvarlo e di aggiornarci.

69
00:04:50,790 --> 00:04:54,740
E ora abbiamo due paragrafi che sono su linee separate.

70
00:04:55,140 --> 00:04:56,510
Quindi lasciami andare e ottenere la sintassi.

71
00:04:56,520 --> 00:04:57,780
un po 'di

72
00:05:00,930 --> 00:05:08,160
testo qui e lo copiamo in modo che tu possa vedere qualcosa di più lungo.

73
00:05:08,160 --> 00:05:13,140
Facciamo solo Lorem Ipsum e andiamo a un generatore e tiriamo

74
00:05:13,140 --> 00:05:17,640
In realtà è un paragrafo quindi non è solo una riga ma è un paragrafo e

75
00:05:17,850 --> 00:05:20,200
ha spaziatura dopo di essa prima del paragrafo successivo.

76
00:05:20,220 --> 00:05:25,710
Quindi, ora che ho il mio paragrafo qui supponiamo che volessi far risaltare un testo,

77
00:05:25,710 --> 00:05:32,420
voglio in corsivo il titolo di un libro o voglio mettere in grassetto una parola chiave per esempio.

78
00:05:32,460 --> 00:05:36,190
Quindi ci sono modi per farlo con ogni squadra che ti mostrerò qui.

79
00:05:36,360 --> 00:05:40,050
Diciamo che voglio rendere semplicemente il testo fittizio in grassetto.

80
00:05:40,260 --> 00:05:51,090
potrei scrivere un tag B attorno ad esso e, come ho detto prima, questo in realtà non è il modo migliore per farlo.

81
00:05:51,090 --> 00:05:52,570
Quindi per farlo

82
00:05:52,580 --> 00:05:56,040
Lo mostreremo qui brevemente solo per poterlo vedere.

83
00:05:56,040 --> 00:06:00,600
Quindi aggiorno la pagina e puoi vedere semplicemente che il testo fittizio è in grassetto.

84
00:06:00,870 --> 00:06:05,270
E, cosa più importante o altrettanto importante, non prende una nuova riga.

85
00:06:05,340 --> 00:06:06,800
È ancora in linea.

86
00:06:07,050 --> 00:06:11,640
Quindi c'è qualcosa chiamato un elemento a livello di blocco di cui abbiamo parlato a proposito del loro livello

87
00:06:11,640 --> 00:06:12,100
di blocco.

88
00:06:12,120 --> 00:06:18,900
e ci siano elementi in linea che semplicemente entrano in azione e che in realtà non costringeranno nulla a una nuova riga.

89
00:06:18,900 --> 00:06:22,140
Questo paragrafo fa sì che questo blocchi il suo stesso blocco

90
00:06:22,800 --> 00:06:26,840
Quindi, se torniamo, ho detto che non è proprio il modo migliore per farlo.

91
00:06:26,940 --> 00:06:30,780
Ne parleremo in un filmato sul markup semantico in sostanza.

92
00:06:30,790 --> 00:06:35,010
E ogni volta alle 5 la tua email ora deve essere significativa.

93
00:06:35,010 --> 00:06:40,160
Quindi, semplicemente dicendo qualcosa è audace, non dice nulla sul testo.

94
00:06:40,170 --> 00:06:42,700
Quindi piuttosto ci sono alcune opzioni.

95
00:06:42,720 --> 00:06:48,900
Il più comune è quello di usare forte e così forte ha un po 'di più un po' più significato che

96
00:06:48,900 --> 00:06:50,420
farà esattamente la stessa cosa.

97
00:06:50,430 --> 00:06:57,030
Qui non noterai alcuna differenza, ma l'idea è che dicendo che questo è forte piuttosto che

98
00:06:57,360 --> 00:06:59,470
audace significa qualcosa di più.

99
00:06:59,610 --> 00:07:03,760
Quindi vedrai nel video in futuro cosa è veramente questo markup semantico.

100
00:07:03,780 --> 00:07:05,540
Che vergogna tutti e 5 stanno cercando di fare.

101
00:07:05,580 --> 00:07:08,940
Ma per ora basta sapere che ci sono due modi per far svelare qualcosa.

102
00:07:08,950 --> 00:07:12,050
Allo stesso modo ci sono alcuni modi se io sto usando un po 'di testo.

103
00:07:12,090 --> 00:07:17,010
I puoi vedere che ho detto ad Assayas di formare ipsum, ma

104
00:07:19,980 --> 00:07:27,240
il modo migliore per farlo è usare il tag E-M che è per enfasi e sembra esattamente lo stesso.

105
00:07:27,390 --> 00:07:32,170
Quindi, se voglio rendere in corsivo Lorem Ipsum, potrei fare il tag

106
00:07:32,340 --> 00:07:37,970
E l'idea di nuovo è che l'enfasi significa qualcosa di più, piuttosto che semplicemente dire I.

107
00:07:38,220 --> 00:07:41,230
Quindi vogliamo separarci e questo è ciò che i miei cinque hanno fatto.

108
00:07:41,310 --> 00:07:44,650
Vogliamo separare il nostro stile dalla nostra struttura.

109
00:07:44,910 --> 00:07:49,920
Quindi, dicendo qualcosa dovrebbe essere in corsivo o in grassetto che è in realtà lo stile di esso.

110
00:07:50,310 --> 00:07:56,130
Ma dicendo qualcosa è più forte o qualcosa è enfatizzato che non è come è stile

111
00:07:56,130 --> 00:07:57,180
o come appare.

112
00:07:57,300 --> 00:08:00,830
Questo è più sulla struttura di esso e su ciò che significa.

113
00:08:00,960 --> 00:08:05,150
Quindi, in sintesi, abbiamo H-1 386.

114
00:08:05,310 --> 00:08:07,200
Questi sono elementi a livello di blocco.

115
00:08:07,320 --> 00:08:09,920
Abbiamo dei paragrafi che sono anche a livello di blocco.

116
00:08:09,930 --> 00:08:15,790
Prendono la loro linea e poi abbiamo una forte ed E-M o enfasi.

117
00:08:16,080 --> 00:08:20,470
E questi sono elementi in linea che ci permettono di costruire le nostre cose in corsivo.

118
00:08:20,760 --> 00:08:25,050
Ma in realtà quello che fanno è chiamare qualcosa per essere forti o essere enfatizzati.

119
00:08:25,080 --> 00:08:28,680
E il nostro browser decide di renderlo in corsivo o renderlo audace