Então, este vídeo será um vídeo de solução.
Então, como todos os vídeos de solução, você não precisa assisti-los se você quiser apenas o código.
Está na descrição.
Você pode apenas ver o arquivo.
Mas eu vou passar pelo processo atual de escrever aqui.
Então, a primeira coisa que eu quero fazer é fazer um novo arquivo e salvá-lo e
vou chamar essa solução apenas HTML.
Toda vez que fazemos um documento HMO, criamos nossa placa de caldeira.
Cada Tim vou clicar na guia.
Ou você pode digitar tudo a partir do zero.
Vamos começar com o nosso título, vamos preencher isso.
Coisas que eu aprendi.
Tudo bem.
Então, depois, vamos preencher o corpo.
Eu gostaria de começar.
Vamos identificar os grandes elementos dos títulos na página.
Então vamos ter um
H1 e isso vai dizer coisas que eu aprendi.
Lembre-se de H-1 é a maior coisa na página o maior título da página.
Então, nós também tivemos um H dois e
este é o básico da Internet e, então, temos outra idade, apenas para o registro, você pode me
ver duplicando as coisas muito rapidamente.
Eu não estou copiando e colando é realmente feito com um short-cut e sublime em um Mac é
mudança de comando.
D OK.
Outro h para este por cada saída.
Então vamos dar uma olhada em como isso está acontecendo até agora.
Vamos abri-lo.
Tudo bem.
Por enquanto, tudo bem.
Agora precisamos entrar e preencher a lista.
Então vamos começar com este para que seja uma lista ordenada.
Vamos ter três itens de lista.
O primeiro é um pedido de HTP e, em seguida, vamos ter
outro endereço IP e outras esperanças de um servidor.
Coloquei isso no lugar errado.
Você quer colocar isso abaixo dos princípios básicos da Internet.
Vamos atualizar a página.
ESTÁ BEM.
Parece bom.
Então, agora estamos na parte complicada que é esta lista aninhada desagradável.
Então, a lista externa, tudo isso está em uma lista ordenada.
E temos alguns aliados por isso temos posições.
E então temos uma marcação de hipertexto que
é uma linguagem de marcação de hiper texto de marca forte.
ESTÁ BEM.
Se outro aliado que tem muitas etiquetas e eu realmente acabei, basta verificá-lo novamente, isso
funciona.
Antes de seguir em frente.
OK, isso parece ser bom.
Então, agora vamos trabalhar na lista aninhada dentro da primeira lista não ordenada.
Temos outra lista desordenada.
Então faça isso aqui mesmo.
Isso ajuda a ser muito particular com o seu recorte aqui.
Na verdade, não afetará nada, mas isso nos ajudará apenas a poder visualizar nosso código e saber o que
está aninhado dentro do que.
Então, temos uma UL e então temos um dois três quatro aliados.
Então eu vou seguir em frente e escrever isso.
Um dois três quatro ou cinco.
Você pode copiá-los e colá-los.
Digite-os manualmente.
O primeiro é boilerplate.
terminar a lista primeiro, por exemplo, o parágrafo das rubricas e então temos a tag E-M com a palavra E-M
dentro dela e uma etiqueta forte com a palavra forte, em vez disso, apenas para martelar esta casa mais uma vez.
E eu vou
Você provavelmente deve fazer isso em algumas vezes.
Você pode digitar o nome de uma etiqueta e clicar em separador.
Muito útil.
Então vamos verificar isso novamente.
ESTÁ BEM.
Estamos chegando perto.
Agora, precisamos apenas desse ninho final.
Bem, duas coisas realmente de uma lista ordenada e outra lista ordenada.
Então, isso vai dentro da placa da caldeira.
Então encontramos esse
aliado e agora vamos ter uma lista ordenada e temos um dois três quatro aliados.
Nós temos um que diz tipo dock.
Nós temos outro que diz que cada vez eu vou ter outro que diz cabeça e um que diz o
corpo OK.
Então estamos muito perto agora.
A última coisa que precisamos é o título que vai em vez da cabeça.
Você notará que há um número.
Então é um busto ordenado.
Então, se abrimos
a cabeça, vamos digitar a lista ordenada novamente mentir novamente.
Título.
Tudo bem.
E isso é tudo o que precisamos fazer.
Então, vamos comparar o lado a lado, verifique se qualquer coisa é diferente.
Parece bom para mim.
Os títulos são os mesmos da primeira lista de dois anos e todas essas listas são feitas aqui.
Eles parecem idênticos.
Ótimo.
Então, se você tiver alguma dúvida, sinta-se à vontade para passar algum tempo no código.
Novamente está na descrição.
Isso não é algo que você terá que fazer o tempo todo criando essas listas desagradáveis.
Mas o que realmente é e a razão pela qual eu tive que fazer isso é que é importante
que você seja capaz de combinar tags, você pode colocar uma etiqueta forte em vez de uma aliança ou uma ênfase dentro de outro aliado
ou um bem como o de um aliado ou um aliado em vez de um UL e assim por diante.
É importante que você se sinta confortável com a placa básica da caldeira também.
Então, espero que tenha gostado disso.