Então vamos passar por uma solução para este exercício.
Como sempre, você pode dar uma olhada no código imediatamente se quiser acompanhar.
Comece do zero comigo.
Sinta-se a vontade para fazer isso.
Então, a primeira coisa que temos a fazer é fazer um novo arquivo, eu vou chamar Pokemon de que cada
equipe criará nosso boilerplate e vamos preencher o título para combinar onde deveria estar.
Ah, venha no gráfico.
Então, sabemos que isso vai ter um top H-1 e que cada um é apenas o primeiro hokum no gráfico.
E sabemos que haverá uma mesa naquela mesa e terá uma cabeça T e um corpo t que apenas para atualizar a sua memória
não afeta nada sobre como a mesa se parece ou se comporta.
Trata-se puramente de tornar nossa marcação tão semântica quanto possível, tornando-a de modo que um motor de busca ou
um webcrawler saiba que este é o sombreador que aparece corretamente e este é o corpo.
Então, é uma boa idéia que seja prática.
Então, em seguida, vamos adicionar nos nossos quatro melhores títulos, para que os adolescentes possamos o tipo de nome de imagem
e evolua para dentro.
Então, vamos em frente e verifique se isso está bem.
Há nossa mesa até agora.
A primeira coisa que provavelmente queremos fazer é apenas fazer com que combine o que tivemos, nós lhe damos uma fronteira.
Lembre-se, porém, que nós realmente não queremos fazer isso mais tarde na aula, então, uma vez que falamos
sobre C S s, faremos todo o estilo através de C S S.
Isso é apenas para tornar as coisas visuais agora.
Não é uma má idéia saber sobre isso, mas é uma idéia melhor realmente fazer isso profissionalmente.
OK então vamos tomar alguns desses dados.
para o fundo aqui e comentar tudo e, em seguida, tudo a fazer é criar minha primeira linha, então começará com bulbasaur.
Quando ele copiar para baixo apenas
Então, em vez do corpo necessário para o seu Em vez do TR, precisamos de 40.
O nome vai corresponder ao nosso segundo Th.
Então vou colocá-lo no segundo lugar.
A imagem vai primeiro.
Então eu vou copiar a imagem que você rl e então eu vou criar uma marca de imagem
e definir a fonte igual a que você é real dentro daquele tiddy se você quiser, você pode
espaçá-lo um pouco assim .
Então, você sabe que isso não afeta nada é puramente estético em
nosso código, para que possamos ver os relacionamentos que esta imagem está aninhada dentro da TV que, se tivermos
o nome seguinte, temos um tipo de grama e veneno.
E, finalmente, temos outro mais complexo, onde temos uma marca AI.
Lembre-se de que precisa se parecer com uma tag que diga a Ivey ou assim que a etiqueta
eletrônica, vamos copiar o link que precisa ir e, em seguida, vamos copiar o nome desse conteúdo e então vou continuar e me livrar
Isto para se livrar dos comentários.
Bem, se livrar disso só para que nós limpemos isso um pouco.
Vamos atualizar e nossa primeira entrada.
Verifique se isso funciona.
Ou posso estar doendo.
Ótimo.
ESTÁ BEM.
Então, basicamente, vamos repetir exatamente o mesmo processo.
E por causa do tempo, eu apenas vou copiar isso.
fornecemos esse atalho agradável onde você pode selecionar e acertar o comando mude o comando novamente duas vezes se você quisesse.
Então, toda essa linha e lembre-se de que você poderia fazer o Control-C e colá-lo com o controle V e o comando
C no comando, também
E isso irá duplicá-lo duas vezes.
Então, agora dobramos isso automaticamente e só precisamos passar e fazer algumas das mudanças.
Então, o primeiro nome é
char Mandar
a imagem que você é Coruja e nós precisamos de Tamil.
fogo e você está aqui aqui colado.
É um tipo de
Vamos verificar isso.
Portanto, devemos ter que abrir a fonte porque copiamos e colamos no link está correto.
Ótimo.
Agora, precisamos terminar com a
imagem
da imagem Squirtle.
e a bebida é água.
Vamos com você ou, em primeiro lugar, se o link alterou o nome ou a tartaruga
Toda a quantidade certa de cópia e colagem lá.
Aqui vamos nós.
Certifique-se de que tudo funciona de forma excelente.
OK, então é tudo o que precisamos fazer para garantir que eles correspondam.
Parece bom.
Ótimo.
Uma pequena mudança que eu possa fazer enquanto estou aqui.
Apenas uma boa lição sobre isso.
Vou adicionar um comentário aqui apenas para esclarecer para vocês, então esse primeiro é o que foi o seu próximo.
Isto é tudo sobre charme mandar.
E, finalmente, isso é tudo o que corresponde a Squirtle.
Uma mudança, no entanto, como eu mencionei, é que essas imagens são bastante maciças.
Poderíamos diminuí-los habilmente e isso encolheria o tamanho de uma mesa.
E isso é algo que você faria com o CSSA é uma informação de estilo.
Então, idealmente, fazemos isso com s de cada equipe.
Queremos mantê-los separados.
Cada vez que eu estruturo o estilo CSSA.
Mas para este exercício, o que podemos fazer é adicionar um atributo a uma imagem que você coloca um número como 50
e apenas ver isso como uma atualização.
Isso muda para 50 pixels muito menor, onde você muda para 500 e obtém uma imagem gigantesca.
Mantenha-o aos 50 anos.
E uma outra razão pela qual eu quero mostrar-lhe isso é em vez de copiar e colar isto
três vezes, que funciona muito bem.
Uma maneira melhor de fazer isso em sublime é realmente criar três cursores, então eu vou mostrar o que quero dizer.
Nós clicamos em manter o comando clicar novamente no comando de puxar a tecla e clicar novamente e então podemos começar a digitar.
E eu tenho três cursores ao mesmo tempo com 50 iguais.
Então, isso é muito legal.
É realmente útil se você precisar mudar várias coisas ao mesmo tempo exatamente da mesma maneira
que você apenas comanda clique em todo o lugar e engendra um monte de maldições.
E como você pode ver, temos uma tabela agradável mais legível e de tamanho sensível.
Tudo bem