1
00:00:00,420 --> 00:00:07,170
Este vídeo está focado em Atributos de Atributos de HTML são uma maneira de adicionar informações adicionais aos

2
00:00:07,170 --> 00:00:08,500
nossos elementos de eletringir.

3
00:00:08,670 --> 00:00:13,590
Então eles assumem a forma de um par de valores-chave, você vai ouvir bastante essa frase.

4
00:00:13,590 --> 00:00:17,990
Significa basicamente uma propriedade e, em seguida, um valor correspondente.

5
00:00:18,330 --> 00:00:26,180
Então, isso pode ser algo como a fonte é igual a Corgies até a classe PMG, o tipo selecionado igual é igual ao texto menos o SS Então

6
00:00:26,190 --> 00:00:28,030
não se preocupe com o que fazem.

7
00:00:28,050 --> 00:00:29,300
Nós vamos vê-los todos a tempo.

8
00:00:29,460 --> 00:00:37,680
Uma rede de desenvolvedores possui uma referência abrangente de atributos, como fez por elementos, mas por todos os atributos que o afastaram.

9
00:00:37,680 --> 00:00:43,130
Mas é esse formato de alguma palavra igual a algo na mensagem de texto.

10
00:00:43,500 --> 00:00:47,820
Então, a primeira coisa que você perceberá ao percorrer é que existem muitos atributos diferentes.

11
00:00:48,360 --> 00:00:51,880
E, assim como com os elementos, você não precisa saber tudo isso.

12
00:00:51,900 --> 00:00:58,560
Na verdade, a maioria dos desenvolvedores não usará 80 por cento desses, então há realmente um subconjunto de cinco 10 talvez 15

13
00:00:58,560 --> 00:01:01,130
atributos que os desenvolvedores usam com bastante frequência.

14
00:01:01,470 --> 00:01:05,480
Também é importante notar que nem todos os atributos funcionam em cada elemento.

15
00:01:05,490 --> 00:01:09,750
Na verdade, a maioria dos atributos só funciona em dois a cinco elementos diferentes.

16
00:01:09,750 --> 00:01:11,440
Alguns deles só funcionam em um.

17
00:01:11,580 --> 00:01:16,520
Então, esta segunda coluna aqui denota os elementos para os quais um determinado atributo funciona.

18
00:01:16,590 --> 00:01:20,980
Então, algo como código que é um atributo que eu nunca tive que usar nunca.

19
00:01:21,120 --> 00:01:26,130
Mas podemos dizer que a partir daqui especifica que você está fora de uma maçã, ele é classificado para ser

20
00:01:26,130 --> 00:01:27,580
carregado e executado de forma excelente.

21
00:01:27,600 --> 00:01:33,250
O que quer que isso signifique e ele só funciona em um elemento de miniaplicação que eu nunca tive que usar antes.

22
00:01:33,450 --> 00:01:38,680
Mas se tomarmos algo mais comum, como fonte, que eu só vou procurar, você pode ver que

23
00:01:38,790 --> 00:01:45,300
o atributo RC funciona em vários elementos diferentes que o áudio incorpora a imagem da imagem do I-frame e o código da

24
00:01:45,450 --> 00:01:49,360
fonte e nós realmente estaremos usando a fonte atribuir mais tarde neste vídeo.

25
00:01:49,380 --> 00:01:53,790
Então, a chave para viagem, há muitos atributos, como há muitos elementos, mas

26
00:01:53,790 --> 00:01:59,220
há realmente apenas alguns importantes e vou começar por destacar dois daqueles que são espadas e HPF

27
00:01:59,640 --> 00:02:05,220
e esses dois atributos são realmente importantes para as imagens e marcas ou links de âncora, respectivamente.

28
00:02:05,490 --> 00:02:09,880
Então, vamos voltar para os slides para que as imagens realmente divertidas.

29
00:02:09,900 --> 00:02:12,010
Uma parte importante da criação de um site.

30
00:02:12,130 --> 00:02:14,490
Na verdade, existem tags muito pequenas para escrever.

31
00:02:14,670 --> 00:02:20,760
E você notará que eles parecem um pouco diferentes do que você viu antes, onde não há tag de

32
00:02:20,760 --> 00:02:21,630
abertura e fechamento.

33
00:02:21,640 --> 00:02:25,570
Não há conteúdo interno, não existe um HMO interno ou texto interno.

34
00:02:25,680 --> 00:02:32,650
Em vez disso, apenas temos essa tag de imagem que abre e fecha e, em seguida, um único atributo.

35
00:02:33,450 --> 00:02:34,910
Então vou mostrar-lhe como fazer isso.

36
00:02:34,920 --> 00:02:39,090
Comecemos pelo curso, encontrando uma imagem.

37
00:02:40,180 --> 00:02:42,870
Eu amo misturas de corgi em particular.

38
00:02:42,870 --> 00:02:44,580
Eu adoro as misturas husky do corgi.

39
00:02:44,580 --> 00:02:45,770
Aqui vamos nós.

40
00:02:46,320 --> 00:02:47,850
Vamos tirar essa imagem.

41
00:02:48,270 --> 00:02:49,610
Adorável cão.

42
00:02:49,950 --> 00:02:53,340
E vamos para algum documento antigo.

43
00:02:53,340 --> 00:02:55,550
Mais uma vez, eu vou voltar para o que estamos trabalhando.

44
00:02:55,560 --> 00:03:00,060
Mas este não é claramente um site duradouro que vamos realmente construir.

45
00:03:00,060 --> 00:03:02,640
Isso é exatamente como um scratchpad para HMO.

46
00:03:03,570 --> 00:03:07,500
Então, vamos a qualquer lado da página e digite novamente a palavra.

47
00:03:07,500 --> 00:03:08,870
Eu sou G.

48
00:03:09,150 --> 00:03:14,790
Não precisamos das tags de fechamento para que não façamos isso.

49
00:03:14,790 --> 00:03:16,920
Esta é uma etiqueta de auto-encerramento.

50
00:03:17,370 --> 00:03:23,430
E, em seguida, existe um único atributo que devemos ter, que é S R C significa fonte e é

51
00:03:23,730 --> 00:03:30,330
o papel da imagem que estamos tentando fazer com que esta tag use para que você possa ser algo hospedado.

52
00:03:31,140 --> 00:03:38,800
Então, esta imagem aqui, mas também pode ser uma imagem que eu salvei na minha máquina.

53
00:03:39,420 --> 00:03:44,160
Poderia estar no mesmo diretório que eu sou ou na mesma pasta, caso em

54
00:03:44,160 --> 00:03:48,410
que eu apenas faria referência a ele, como o cão, o JPAC.

55
00:03:49,110 --> 00:03:52,200
Por enquanto, vamos lidar com essas imagens online.

56
00:03:52,220 --> 00:03:56,540
sobre onde reestruturar as coisas onde colocamos nossas imagens e tudo isso mais tarde.

57
00:03:56,540 --> 00:03:58,080
Passaremos mais algum tempo falando

58
00:03:58,260 --> 00:03:59,300
Guarde isso.

59
00:03:59,610 --> 00:04:02,630
Vamos abrir esse arquivo.

60
00:04:03,690 --> 00:04:04,710
E nós vamos lá.

61
00:04:04,710 --> 00:04:06,590
Nós temos uma etiqueta de imagem.

62
00:04:07,440 --> 00:04:13,510
Então, outro tipo de tag que usa um atributo é uma tag que é como fazemos links.

63
00:04:13,680 --> 00:04:16,560
Portanto, a tag de âncora do marcador é realmente importante.

64
00:04:16,560 --> 00:04:19,680
É assim que criamos links para outras páginas da Web.

65
00:04:19,740 --> 00:04:24,450
É como no Google quando você procura algo a cada único resultado, você clica nele.

66
00:04:24,570 --> 00:04:25,490
Essa é uma marca de âncora.

67
00:04:25,500 --> 00:04:31,380
Cada um desses links ou em algum site da Web, quando você conhece todos os botões de mídia

68
00:04:31,800 --> 00:04:36,390
social, Facebook Instagram Twitter, todos esses botões são realmente links, você clica neles e

69
00:04:36,390 --> 00:04:38,000
eles o levam para outra página.

70
00:04:38,730 --> 00:04:40,740
Então o formato é o seguinte.

71
00:04:41,070 --> 00:04:45,550
Uma etiqueta que abre e fecha algum texto dentro.

72
00:04:45,840 --> 00:04:51,100
E, em seguida, cada atributo ref é igual a você URL.

73
00:04:51,180 --> 00:04:52,710
Então, vou mostrar um exemplo aqui.

74
00:04:52,740 --> 00:04:54,250
Nós vamos fazer uma etiqueta.

75
00:04:54,960 --> 00:04:59,160
E este será apenas um link para o Google.

76
00:04:59,550 --> 00:05:07,700
Então, vamos fornecer esse ref atributo ref é igual a GWW dot Google dot com.

77
00:05:07,740 --> 00:05:08,910
Então é aí que o link vai.

78
00:05:08,910 --> 00:05:16,080
Quando eu clico nisso, é claro, se eu atualizar a página agora, na verdade, não veria nada porque

79
00:05:16,110 --> 00:05:17,710
este link é invisível.

80
00:05:17,730 --> 00:05:19,890
Não há texto em que não há nada para clicar.

81
00:05:20,100 --> 00:05:30,710
Então, dentro das tags no conteúdo interno que eu vou dizer, clique em me diz ir ao Google.

82
00:05:31,980 --> 00:05:32,250
ESTÁ BEM.

83
00:05:32,250 --> 00:05:35,190
Então, como você pode ver, me faz um bom link em que eu posso clicar.

84
00:05:35,190 --> 00:05:38,180
Além disso, você notará que é um elemento inline.

85
00:05:38,190 --> 00:05:39,740
Não assume seu próprio bloco.

86
00:05:39,750 --> 00:05:41,220
Não leva sua própria linha.

87
00:05:41,220 --> 00:05:44,460
Força o conteúdo para uma nova linha abaixo.

88
00:05:44,460 --> 00:05:48,100
Então, está em linha e isso deve nos levar ao Google quando eu clicar nele.

89
00:05:48,120 --> 00:05:50,850
No entanto, não funciona.

90
00:05:51,090 --> 00:05:57,330
Dê uma olhada em que você é tudo o que me leva a registrar barra diagonal de dois pontos.

91
00:05:57,330 --> 00:06:00,330
Este é apenas o próprio arquivo.

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

93
00:06:03,180 --> 00:06:07,650
Então, sem entrar em detalhes demais, porque nós cobrimos isso muito quando chegamos à

94
00:06:08,040 --> 00:06:14,520
seção de back-end o que está acontecendo, é que estou no protocolo de arquivo, o que acontece quando você abre um

95
00:06:14,520 --> 00:06:21,690
arquivo e quando eu clico neste link apenas penso que eu quero usar um protocolo de arquivo novamente e apenas ir para o

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

97
00:06:22,740 --> 00:06:31,460
No entanto, o que eu realmente quero fazer é ir ao Google dot com no protocolo HTP.

98
00:06:31,530 --> 00:06:34,050
Então eu preciso ter certeza de que meu link é explícito.

99
00:06:34,050 --> 00:06:38,500
Então, quando eu atualizar meu clique, clique em mim para ir ao Google.

100
00:06:38,520 --> 00:06:46,770
Na verdade, eu me leva ao Google porque eu indiquei que isso deveria ser HTP colônima slash slash www. Youtube. com.

101
00:06:48,180 --> 00:06:55,180
Com isso dito, às vezes eu quero ligar para outra página que não está no HTP.

102
00:06:55,350 --> 00:06:57,020
Então, vou dar-lhe um exemplo.

103
00:06:57,150 --> 00:06:58,250
É uma etiqueta.

104
00:06:58,470 --> 00:07:05,290
E eu vou chamar isso para a página 2 que HVM L que não existe.

105
00:07:05,640 --> 00:07:07,710
Vá para a página 2.

106
00:07:08,640 --> 00:07:11,790
E agora o que eu vou precisar fazer

107
00:07:15,480 --> 00:07:21,510
é fazer uma página também e esta página também será realmente simples, apenas um único parágrafo.

108
00:07:21,510 --> 00:07:28,530
Esta é a página 2 e eu guardo-a lá no mesmo diretório juntos na minha área de trabalho.

109
00:07:28,530 --> 00:07:36,340
Você pode ver que eu tenho a primeira página e a página 2 e este link apenas vai à página para esse HMO.

110
00:07:36,510 --> 00:07:39,980
Por isso, atualize a página que vejo, vá para a página 2.

111
00:07:40,330 --> 00:07:43,680
Eu clico nele e você pode ver meu uro mudou.

112
00:07:43,950 --> 00:07:50,460
ao mesmo lugar, exceto que agora é a idade do HTML, em vez da primeira página, estudo Timo.

113
00:07:50,460 --> 00:07:52,050
Então, isso agora leva-me exatamente

114
00:07:52,500 --> 00:07:55,120
Então estamos vendo dois tipos de você ou então aqui.

115
00:07:55,230 --> 00:08:02,280
Um é chamado de um caminho relativo, o que significa relativo a onde eu mantenho tudo o mesmo e adiciono na

116
00:08:02,370 --> 00:08:09,780
página de exibição a esse HMO ou não importa onde eu estou porque eu quero ir para o Google um lugar completamente

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

118
00:08:10,590 --> 00:08:12,960
Ambos são atax.

119
00:08:13,320 --> 00:08:16,530
Portanto, esse tipo de uso é realmente muito comum.

120
00:08:16,800 --> 00:08:22,950
esses podem ser todos os arquivos HMO diferentes que você cria e, em seguida, você apenas os liga com atax.

121
00:08:22,950 --> 00:08:29,010
Quando você tem um site de portfólio e você tem uma página Sobre mim e você tem uma página para projetos

122
00:08:29,010 --> 00:08:30,940
e seu currículo e informações de contato,

123
00:08:31,290 --> 00:08:33,450
E este caso de uso também é realmente comum.

124
00:08:33,600 --> 00:08:39,990
Se você quiser vincular aos links do Facebook e ao seu Google Google Plus, acho que se alguém usa esse ou

125
00:08:39,990 --> 00:08:41,660
seu Instagram e assim por diante.

126
00:08:42,030 --> 00:08:45,870
Então, para resumir, temos uma etiqueta, temos tags de imagem.

127
00:08:45,870 --> 00:08:51,720
Ambos os atributos e os atributos são apenas maneiras pelas quais nós passamos informações.

128
00:08:51,870 --> 00:08:57,980
Eles seguem esse par de valores de chave de formato; algo é igual a algo entre citações