1
00:00:00,420 --> 00:00:07,170
Questo video è incentrato sugli attributi degli attributi HTML. Questo è il modo in cui aggiungiamo ulteriori informazioni

2
00:00:07,170 --> 00:00:08,500
ai nostri elementi obsoleti.

3
00:00:08,670 --> 00:00:13,590
Quindi assumono la forma di una coppia di valori chiave, sentirete molto quella frase.

4
00:00:13,590 --> 00:00:17,990
Significa fondamentalmente una proprietà e quindi un valore corrispondente.

5
00:00:18,330 --> 00:00:26,180
In modo che potrebbe essere qualcosa come sorgente uguale Corgies up PMG classe uguale tipo selezionato uguale al testo meno SS Quindi non

6
00:00:26,190 --> 00:00:28,030
preoccuparti di quello che fanno.

7
00:00:28,050 --> 00:00:29,300
Li vedremo tutti in tempo.

8
00:00:29,460 --> 00:00:37,680
sviluppatori ha un riferimento completo all'attributo proprio come ha fatto per gli elementi, ma per tutti gli attributi in cui è stato eliminato.

9
00:00:37,680 --> 00:00:43,130
Ma questo formato di una parola equivale a qualcosa nel messaggio di testo. Una rete di

10
00:00:43,500 --> 00:00:47,820
Quindi la prima cosa che noterai mentre scorro è che ci sono molti attributi diversi.

11
00:00:48,360 --> 00:00:51,880
E proprio come con gli elementi non devi sapere tutti questi.

12
00:00:51,900 --> 00:00:58,560
In effetti, la maggior parte degli sviluppatori non utilizzerà l'80 percento di questi, quindi c'è davvero un sottoinsieme di cinque 10 o

13
00:00:58,560 --> 00:01:01,130
forse 15 attributi che gli sviluppatori usano piuttosto spesso.

14
00:01:01,470 --> 00:01:05,480
È anche importante notare che non tutti gli attributi funzionano su ogni singolo elemento.

15
00:01:05,490 --> 00:01:09,750
In effetti la maggior parte degli attributi funziona solo su due o cinque elementi diversi.

16
00:01:09,750 --> 00:01:11,440
Alcuni di loro funzionano solo su uno.

17
00:01:11,580 --> 00:01:16,520
Quindi questa seconda colonna qui indica gli elementi per cui un dato attributo funziona.

18
00:01:16,590 --> 00:01:20,980
Quindi qualcosa come il codice che è un attributo che non ho mai dovuto usare mai.

19
00:01:21,120 --> 00:01:26,130
Ma possiamo dire che da qui specifica che sei fuori da una mela che è stata classificata per essere

20
00:01:26,130 --> 00:01:27,580
caricata ed eseguita alla grande.

21
00:01:27,600 --> 00:01:33,250
Qualunque cosa significhi e funziona solo su un elemento applet che non ho mai nemmeno dovuto usare prima.

22
00:01:33,450 --> 00:01:38,680
Ma se prendiamo qualcosa di più comune come la fonte che cercherò solo tu puoi

23
00:01:38,790 --> 00:01:45,300
vedere che l'attributo RC funziona su diversi elementi audio incorpora l'immagine I-frame input script sorgente video di traccia e

24
00:01:45,450 --> 00:01:49,360
in realtà utilizzeremo la fonte attributo più avanti in questo video.

25
00:01:49,380 --> 00:01:53,790
Quindi il punto chiave è che ci sono un sacco di attributi, proprio come ci

26
00:01:53,790 --> 00:01:59,220
sono molti elementi, ma ce ne sono solo alcuni importanti e inizierò mettendo in evidenza due di quelli che

27
00:01:59,640 --> 00:02:05,220
sono spade e HPF e questi due attributi sono davvero importanti per le immagini e ancora tag o collegamenti rispettivamente.

28
00:02:05,490 --> 00:02:09,880
Quindi torniamo alle diapositive in modo che le immagini siano davvero divertenti.

29
00:02:09,900 --> 00:02:12,010
Una parte importante del fare un sito web.

30
00:02:12,130 --> 00:02:14,490
Ci sono in realtà tag molto brevi da scrivere.

31
00:02:14,670 --> 00:02:20,760
E noterai che hanno un aspetto leggermente diverso rispetto a quello che hai visto prima, in cui non esiste un tag di

32
00:02:20,760 --> 00:02:21,630
apertura e chiusura.

33
00:02:21,640 --> 00:02:25,570
Non c'è contenuto interno non c'è HMO interno o testo interiore.

34
00:02:25,680 --> 00:02:32,650
Piuttosto, abbiamo solo questo tag immagine che si apre e si chiude e quindi un singolo attributo.

35
00:02:33,450 --> 00:02:34,910
Quindi ti mostrerò come farlo.

36
00:02:34,920 --> 00:02:39,090
Iniziamo ovviamente trovando un'immagine.

37
00:02:40,180 --> 00:02:42,870
Adoro i mix di corgi in particolare.

38
00:02:42,870 --> 00:02:44,580
Adoro i mix corgi husky.

39
00:02:44,580 --> 00:02:45,770
Eccoci.

40
00:02:46,320 --> 00:02:47,850
Prendiamo solo questa immagine.

41
00:02:48,270 --> 00:02:49,610
Cane adorabile

42
00:02:49,950 --> 00:02:53,340
Andiamo a un documento vecchio di secoli.

43
00:02:53,340 --> 00:02:55,550
Di nuovo tornerò a ciò su cui abbiamo lavorato.

44
00:02:55,560 --> 00:03:00,060
Ma questo non è chiaramente un sito di lunga durata che stiamo per costruire davvero.

45
00:03:00,060 --> 00:03:02,640
Questo è proprio come uno scratchpad per HMO.

46
00:03:03,570 --> 00:03:07,500
Quindi andiamo da qualche parte sulla pagina e ridigitare la parola.

47
00:03:07,500 --> 00:03:08,870
Io sono g.

48
00:03:09,150 --> 00:03:14,790
Non abbiamo bisogno dei tag di chiusura, quindi non lo facciamo.

49
00:03:14,790 --> 00:03:16,920
Questo è un tag che si chiude automaticamente.

50
00:03:17,370 --> 00:03:23,430
E poi c'è un singolo attributo che dobbiamo avere, che è S R C sta per source ed è

51
00:03:23,730 --> 00:03:30,330
il ruolo dell'immagine che stiamo provando a fare questo tag in modo che tu possa essere qualcosa che è ospitato.

52
00:03:31,140 --> 00:03:38,800
Quindi questa immagine qui, ma potrebbe anche essere un'immagine che ho salvato sulla mia macchina.

53
00:03:39,420 --> 00:03:44,160
Potrebbe essere nella stessa directory in cui sono o nella stessa

54
00:03:44,160 --> 00:03:48,410
cartella, nel qual caso farei semplicemente riferimento come cane JPAC.

55
00:03:49,110 --> 00:03:52,200
Per ora ci occuperemo di queste immagini online.

56
00:03:52,220 --> 00:03:56,540
a parlare di dove ristrutturare le cose in cui mettiamo le nostre immagini e tutto ciò più avanti.

57
00:03:56,540 --> 00:03:58,080
Passeremo ancora un po 'di tempo

58
00:03:58,260 --> 00:03:59,300
Salva questo.

59
00:03:59,610 --> 00:04:02,630
Apriamo questo file.

60
00:04:03,690 --> 00:04:04,710
E noi andiamo.

61
00:04:04,710 --> 00:04:06,590
Abbiamo un tag immagine.

62
00:04:07,440 --> 00:04:13,510
Quindi un altro tipo di tag che utilizza un attributo è un tag che è il modo in cui creiamo i collegamenti.

63
00:04:13,680 --> 00:04:16,560
Quindi il tag di ancoraggio del sensore di tag è davvero importante.

64
00:04:16,560 --> 00:04:19,680
È come creiamo collegamenti ad altre pagine web.

65
00:04:19,740 --> 00:04:24,450
È come su Google quando si cerca qualcosa ogni singolo risultato su cui si fa clic.

66
00:04:24,570 --> 00:04:25,490
Questo è un tag di ancoraggio.

67
00:04:25,500 --> 00:04:31,380
Ognuno di questi link o su qualche sito web quando ci sei tu conosci tutti i pulsanti dei social media

68
00:04:31,800 --> 00:04:36,390
Facebook Instagram Twitter tutti quei pulsanti sono in realtà collegamenti che fai clic su di essi

69
00:04:36,390 --> 00:04:38,000
e ti portano in un'altra pagina.

70
00:04:38,730 --> 00:04:40,740
Quindi il formato è il seguente.

71
00:04:41,070 --> 00:04:45,550
Un tag che apre e chiude del testo all'interno.

72
00:04:45,840 --> 00:04:51,100
E poi ogni attributo ref equivale a qualche URL.

73
00:04:51,180 --> 00:04:52,710
Quindi ti mostrerò un esempio qui.

74
00:04:52,740 --> 00:04:54,250
Faremo un tag.

75
00:04:54,960 --> 00:04:59,160
E questo sarà solo un link a Google.

76
00:04:59,550 --> 00:05:07,700
Quindi forniremo che ref ref degli attributi è uguale a GWW punto Google dot com.

77
00:05:07,740 --> 00:05:08,910
Ecco dove va il collegamento.

78
00:05:08,910 --> 00:05:16,080
Quando clicco ovviamente se aggiorno la pagina in questo momento non vedrei nulla perché questo

79
00:05:16,110 --> 00:05:17,710
link è invisibile.

80
00:05:17,730 --> 00:05:19,890
Non c'è testo non c'è nulla su cui cliccare.

81
00:05:20,100 --> 00:05:30,710
Quindi all'interno dei tag nel contenuto interno ho intenzione di dire clic su di me dice vai su Google.

82
00:05:31,980 --> 00:05:32,250
OK.

83
00:05:32,250 --> 00:05:35,190
Quindi come puoi vedere mi fa un link carino su cui posso cliccare.

84
00:05:35,190 --> 00:05:38,180
Inoltre noterai che è un elemento in linea.

85
00:05:38,190 --> 00:05:39,740
Non prende il suo blocco.

86
00:05:39,750 --> 00:05:41,220
Non riprende la sua stessa linea.

87
00:05:41,220 --> 00:05:44,460
Forza il contenuto su una nuova riga sotto di esso.

88
00:05:44,460 --> 00:05:48,100
Quindi è in linea e questo dovrebbe portarci su Google quando clicco su di esso.

89
00:05:48,120 --> 00:05:50,850
Tuttavia non funziona abbastanza.

90
00:05:51,090 --> 00:05:57,330
Dai un'occhiata che sei tutto ciò che mi serve per archiviare la barra del colon.

91
00:05:57,330 --> 00:06:00,330
Questo è solo il file stesso.

92
00:06:00,330 --> 00:06:03,180
E poi www. Youtube. com.

93
00:06:03,180 --> 00:06:07,650
Quindi senza entrare troppo nei dettagli, perché trattiamo molto questo quando arriviamo alla sezione

94
00:06:08,040 --> 00:06:14,520
back end. Quello che sta succedendo è che sono sul protocollo del file che è ciò che accade quando apri un

95
00:06:14,520 --> 00:06:21,690
file e quando clicco su questo link è solo pensa che voglio usare di nuovo un protocollo di file e basta andare su

96
00:06:21,690 --> 00:06:22,670
Google dot com.

97
00:06:22,740 --> 00:06:31,460
Tuttavia, quello che voglio veramente fare è andare su Google dot com sul protocollo HTP.

98
00:06:31,530 --> 00:06:34,050
Quindi ho bisogno di assicurarmi che il mio link sia esplicito.

99
00:06:34,050 --> 00:06:38,500
Quindi, quando aggiorno il mio clic, clicco su di me per andare su Google.

100
00:06:38,520 --> 00:06:46,770
In realtà mi porta su Google perché ho specificato che questa dovrebbe essere la barra dei due punti HTP www. Youtube. com.

101
00:06:48,180 --> 00:06:55,180
Detto ciò, a volte voglio collegarmi a un'altra pagina che non è su HTP.

102
00:06:55,350 --> 00:06:57,020
Quindi ti darò un esempio.

103
00:06:57,150 --> 00:06:58,250
È un tag.

104
00:06:58,470 --> 00:07:05,290
E lo chiamerò solo andare a pagina 2 che HVM L che non esiste.

105
00:07:05,640 --> 00:07:07,710
Vai a pagina 2.

106
00:07:08,640 --> 00:07:11,790
E ora quello che dovrò fare è creare

107
00:07:15,480 --> 00:07:21,510
anche una pagina e anche questa pagina sarà davvero molto semplice, basta un solo paragrafo.

108
00:07:21,510 --> 00:07:28,530
Questa è la pagina 2 e la salvo nella stessa directory insieme sul mio desktop.

109
00:07:28,530 --> 00:07:36,340
Puoi vedere che ho la prima pagina e la pagina 2 e questo link va solo alla pagina di quell'HMO.

110
00:07:36,510 --> 00:07:39,980
Quindi aggiorna la pagina che vedo vai a pagina 2.

111
00:07:40,330 --> 00:07:43,680
Lo clicco e puoi vedere che il mio uro è cambiato.

112
00:07:43,950 --> 00:07:50,460
porta nello stesso posto esatto, ma ora è l'HTML piuttosto che lo studio di prima pagina Timo.

113
00:07:50,460 --> 00:07:52,050
Quindi questo ora mi

114
00:07:52,500 --> 00:07:55,120
Quindi stiamo vedendo due tipi di te o qui.

115
00:07:55,230 --> 00:08:02,280
Uno è chiamato un percorso relativo che significa relativo a dove sto mantenendo tutto uguale e aggiungo

116
00:08:02,370 --> 00:08:09,780
alla pagina iniziale a quell'HMO o non importa dove sono, perché voglio andare su Google in un posto

117
00:08:09,780 --> 00:08:10,450
completamente diverso.

118
00:08:10,590 --> 00:08:12,960
Entrambi sono atex.

119
00:08:13,320 --> 00:08:16,530
Quindi questo tipo di utilizzo è in realtà molto comune.

120
00:08:16,800 --> 00:08:22,950
di contatto, questi potrebbero essere tutti i diversi file HMO che crei e poi li colleghi semplicemente insieme ad atax.

121
00:08:22,950 --> 00:08:29,010
Quando hai un sito portfolio e hai una pagina About Me e hai una pagina per i progetti e

122
00:08:29,010 --> 00:08:30,940
il tuo curriculum e le informazioni

123
00:08:31,290 --> 00:08:33,450
E questo caso d'uso è anche molto comune.

124
00:08:33,600 --> 00:08:39,990
Se vuoi collegare i tuoi link di Facebook e il tuo Google Google Plus, suppongo che qualcuno lo usi o il

125
00:08:39,990 --> 00:08:41,660
tuo Instagram e così via.

126
00:08:42,030 --> 00:08:45,870
Quindi, per riassumere, abbiamo un tag che abbiamo tag immagine.

127
00:08:45,870 --> 00:08:51,720
Entrambi usano attributi e attributi sono solo i modi in cui passiamo le informazioni.

128
00:08:51,870 --> 00:08:57,980
Seguono questa coppia di valori chiave di formato qualcosa di uguale a qualcosa tra virgolette