Este vídeo está focado em Atributos de Atributos de HTML são uma maneira de adicionar informações adicionais aos
nossos elementos de eletringir.
Então eles assumem a forma de um par de valores-chave, você vai ouvir bastante essa frase.
Significa basicamente uma propriedade e, em seguida, um valor correspondente.
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
não se preocupe com o que fazem.
Nós vamos vê-los todos a tempo.
Uma rede de desenvolvedores possui uma referência abrangente de atributos, como fez por elementos, mas por todos os atributos que o afastaram.
Mas é esse formato de alguma palavra igual a algo na mensagem de texto.
Então, a primeira coisa que você perceberá ao percorrer é que existem muitos atributos diferentes.
E, assim como com os elementos, você não precisa saber tudo isso.
Na verdade, a maioria dos desenvolvedores não usará 80 por cento desses, então há realmente um subconjunto de cinco 10 talvez 15
atributos que os desenvolvedores usam com bastante frequência.
Também é importante notar que nem todos os atributos funcionam em cada elemento.
Na verdade, a maioria dos atributos só funciona em dois a cinco elementos diferentes.
Alguns deles só funcionam em um.
Então, esta segunda coluna aqui denota os elementos para os quais um determinado atributo funciona.
Então, algo como código que é um atributo que eu nunca tive que usar nunca.
Mas podemos dizer que a partir daqui especifica que você está fora de uma maçã, ele é classificado para ser
carregado e executado de forma excelente.
O que quer que isso signifique e ele só funciona em um elemento de miniaplicação que eu nunca tive que usar antes.
Mas se tomarmos algo mais comum, como fonte, que eu só vou procurar, você pode ver que
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
fonte e nós realmente estaremos usando a fonte atribuir mais tarde neste vídeo.
Então, a chave para viagem, há muitos atributos, como há muitos elementos, mas
há realmente apenas alguns importantes e vou começar por destacar dois daqueles que são espadas e HPF
e esses dois atributos são realmente importantes para as imagens e marcas ou links de âncora, respectivamente.
Então, vamos voltar para os slides para que as imagens realmente divertidas.
Uma parte importante da criação de um site.
Na verdade, existem tags muito pequenas para escrever.
E você notará que eles parecem um pouco diferentes do que você viu antes, onde não há tag de
abertura e fechamento.
Não há conteúdo interno, não existe um HMO interno ou texto interno.
Em vez disso, apenas temos essa tag de imagem que abre e fecha e, em seguida, um único atributo.
Então vou mostrar-lhe como fazer isso.
Comecemos pelo curso, encontrando uma imagem.
Eu amo misturas de corgi em particular.
Eu adoro as misturas husky do corgi.
Aqui vamos nós.
Vamos tirar essa imagem.
Adorável cão.
E vamos para algum documento antigo.
Mais uma vez, eu vou voltar para o que estamos trabalhando.
Mas este não é claramente um site duradouro que vamos realmente construir.
Isso é exatamente como um scratchpad para HMO.
Então, vamos a qualquer lado da página e digite novamente a palavra.
Eu sou G.
Não precisamos das tags de fechamento para que não façamos isso.
Esta é uma etiqueta de auto-encerramento.
E, em seguida, existe um único atributo que devemos ter, que é S R C significa fonte e é
o papel da imagem que estamos tentando fazer com que esta tag use para que você possa ser algo hospedado.
Então, esta imagem aqui, mas também pode ser uma imagem que eu salvei na minha máquina.
Poderia estar no mesmo diretório que eu sou ou na mesma pasta, caso em
que eu apenas faria referência a ele, como o cão, o JPAC.
Por enquanto, vamos lidar com essas imagens online.
sobre onde reestruturar as coisas onde colocamos nossas imagens e tudo isso mais tarde.
Passaremos mais algum tempo falando
Guarde isso.
Vamos abrir esse arquivo.
E nós vamos lá.
Nós temos uma etiqueta de imagem.
Então, outro tipo de tag que usa um atributo é uma tag que é como fazemos links.
Portanto, a tag de âncora do marcador é realmente importante.
É assim que criamos links para outras páginas da Web.
É como no Google quando você procura algo a cada único resultado, você clica nele.
Essa é uma marca de âncora.
Cada um desses links ou em algum site da Web, quando você conhece todos os botões de mídia
social, Facebook Instagram Twitter, todos esses botões são realmente links, você clica neles e
eles o levam para outra página.
Então o formato é o seguinte.
Uma etiqueta que abre e fecha algum texto dentro.
E, em seguida, cada atributo ref é igual a você URL.
Então, vou mostrar um exemplo aqui.
Nós vamos fazer uma etiqueta.
E este será apenas um link para o Google.
Então, vamos fornecer esse ref atributo ref é igual a GWW dot Google dot com.
Então é aí que o link vai.
Quando eu clico nisso, é claro, se eu atualizar a página agora, na verdade, não veria nada porque
este link é invisível.
Não há texto em que não há nada para clicar.
Então, dentro das tags no conteúdo interno que eu vou dizer, clique em me diz ir ao Google.
ESTÁ BEM.
Então, como você pode ver, me faz um bom link em que eu posso clicar.
Além disso, você notará que é um elemento inline.
Não assume seu próprio bloco.
Não leva sua própria linha.
Força o conteúdo para uma nova linha abaixo.
Então, está em linha e isso deve nos levar ao Google quando eu clicar nele.
No entanto, não funciona.
Dê uma olhada em que você é tudo o que me leva a registrar barra diagonal de dois pontos.
Este é apenas o próprio arquivo.
E, em seguida, www. Youtube. com.
Então, sem entrar em detalhes demais, porque nós cobrimos isso muito quando chegamos à
seção de back-end o que está acontecendo, é que estou no protocolo de arquivo, o que acontece quando você abre um
arquivo e quando eu clico neste link apenas penso que eu quero usar um protocolo de arquivo novamente e apenas ir para o
Google dot com.
No entanto, o que eu realmente quero fazer é ir ao Google dot com no protocolo HTP.
Então eu preciso ter certeza de que meu link é explícito.
Então, quando eu atualizar meu clique, clique em mim para ir ao Google.
Na verdade, eu me leva ao Google porque eu indiquei que isso deveria ser HTP colônima slash slash www. Youtube. com.
Com isso dito, às vezes eu quero ligar para outra página que não está no HTP.
Então, vou dar-lhe um exemplo.
É uma etiqueta.
E eu vou chamar isso para a página 2 que HVM L que não existe.
Vá para a página 2.
E agora o que eu vou precisar fazer
é fazer uma página também e esta página também será realmente simples, apenas um único parágrafo.
Esta é a página 2 e eu guardo-a lá no mesmo diretório juntos na minha área de trabalho.
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.
Por isso, atualize a página que vejo, vá para a página 2.
Eu clico nele e você pode ver meu uro mudou.
ao mesmo lugar, exceto que agora é a idade do HTML, em vez da primeira página, estudo Timo.
Então, isso agora leva-me exatamente
Então estamos vendo dois tipos de você ou então aqui.
Um é chamado de um caminho relativo, o que significa relativo a onde eu mantenho tudo o mesmo e adiciono na
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
diferente.
Ambos são atax.
Portanto, esse tipo de uso é realmente muito comum.
esses podem ser todos os arquivos HMO diferentes que você cria e, em seguida, você apenas os liga com atax.
Quando você tem um site de portfólio e você tem uma página Sobre mim e você tem uma página para projetos
e seu currículo e informações de contato,
E este caso de uso também é realmente comum.
Se você quiser vincular aos links do Facebook e ao seu Google Google Plus, acho que se alguém usa esse ou
seu Instagram e assim por diante.
Então, para resumir, temos uma etiqueta, temos tags de imagem.
Ambos os atributos e os atributos são apenas maneiras pelas quais nós passamos informações.
Eles seguem esse par de valores de chave de formato; algo é igual a algo entre citações