1 00:00:01,140 --> 00:00:04,320 Então, este vídeo será um vídeo de solução. 2 00:00:04,350 --> 00:00:08,640 Então, como todos os vídeos de solução, você não precisa assisti-los se você quiser apenas o código. 3 00:00:08,670 --> 00:00:09,580 Está na descrição. 4 00:00:09,600 --> 00:00:10,840 Você pode apenas ver o arquivo. 5 00:00:10,890 --> 00:00:14,030 Mas eu vou passar pelo processo atual de escrever aqui. 6 00:00:14,700 --> 00:00:19,950 Então, a primeira coisa que eu quero fazer é fazer um novo arquivo e salvá-lo e 7 00:00:20,020 --> 00:00:22,140 vou chamar essa solução apenas HTML. 8 00:00:22,950 --> 00:00:27,450 Toda vez que fazemos um documento HMO, criamos nossa placa de caldeira. 9 00:00:27,650 --> 00:00:29,210 Cada Tim vou clicar na guia. 10 00:00:29,370 --> 00:00:31,860 Ou você pode digitar tudo a partir do zero. 11 00:00:32,400 --> 00:00:34,900 Vamos começar com o nosso título, vamos preencher isso. 12 00:00:34,950 --> 00:00:37,490 Coisas que eu aprendi. 13 00:00:38,400 --> 00:00:39,440 Tudo bem. 14 00:00:39,450 --> 00:00:42,670 Então, depois, vamos preencher o corpo. 15 00:00:42,870 --> 00:00:43,630 Eu gostaria de começar. 16 00:00:43,650 --> 00:00:48,390 Vamos identificar os grandes elementos dos títulos na página. 17 00:00:48,390 --> 00:00:50,190 Então vamos ter um 18 00:00:53,280 --> 00:00:57,290 H1 e isso vai dizer coisas que eu aprendi. 19 00:00:57,340 --> 00:01:02,850 Lembre-se de H-1 é a maior coisa na página o maior título da página. 20 00:01:02,850 --> 00:01:06,670 Então, nós também tivemos um H dois e 21 00:01:09,900 --> 00:01:18,870 este é o básico da Internet e, então, temos outra idade, apenas para o registro, você pode me 22 00:01:18,870 --> 00:01:21,780 ver duplicando as coisas muito rapidamente. 23 00:01:21,780 --> 00:01:27,630 Eu não estou copiando e colando é realmente feito com um short-cut e sublime em um Mac é 24 00:01:27,720 --> 00:01:28,550 mudança de comando. 25 00:01:28,540 --> 00:01:32,180 D OK. 26 00:01:32,700 --> 00:01:35,650 Outro h para este por cada saída. 27 00:01:36,060 --> 00:01:38,440 Então vamos dar uma olhada em como isso está acontecendo até agora. 28 00:01:38,580 --> 00:01:40,840 Vamos abri-lo. 29 00:01:40,860 --> 00:01:41,280 Tudo bem. 30 00:01:41,310 --> 00:01:42,440 Por enquanto, tudo bem. 31 00:01:42,690 --> 00:01:44,830 Agora precisamos entrar e preencher a lista. 32 00:01:44,850 --> 00:01:50,830 Então vamos começar com este para que seja uma lista ordenada. 33 00:01:50,880 --> 00:01:52,730 Vamos ter três itens de lista. 34 00:01:52,740 --> 00:01:59,970 O primeiro é um pedido de HTP e, em seguida, vamos ter 35 00:02:03,030 --> 00:02:08,440 outro endereço IP e outras esperanças de um servidor. 36 00:02:08,460 --> 00:02:09,970 Coloquei isso no lugar errado. 37 00:02:10,020 --> 00:02:13,600 Você quer colocar isso abaixo dos princípios básicos da Internet. 38 00:02:14,190 --> 00:02:15,490 Vamos atualizar a página. 39 00:02:15,920 --> 00:02:16,470 ESTÁ BEM. 40 00:02:16,620 --> 00:02:17,500 Parece bom. 41 00:02:17,730 --> 00:02:22,200 Então, agora estamos na parte complicada que é esta lista aninhada desagradável. 42 00:02:22,950 --> 00:02:29,330 Então, a lista externa, tudo isso está em uma lista ordenada. 43 00:02:30,540 --> 00:02:34,110 E temos alguns aliados por isso temos posições. 44 00:02:34,110 --> 00:02:38,640 E então temos uma marcação de hipertexto que 45 00:02:41,130 --> 00:02:47,080 é uma linguagem de marcação de hiper texto de marca forte. 46 00:02:47,250 --> 00:02:47,840 ESTÁ BEM. 47 00:02:48,120 --> 00:02:54,900 Se outro aliado que tem muitas etiquetas e eu realmente acabei, basta verificá-lo novamente, isso 48 00:02:54,900 --> 00:02:55,440 funciona. 49 00:02:55,440 --> 00:02:56,630 Antes de seguir em frente. 50 00:02:57,060 --> 00:02:58,930 OK, isso parece ser bom. 51 00:02:58,980 --> 00:03:04,690 Então, agora vamos trabalhar na lista aninhada dentro da primeira lista não ordenada. 52 00:03:04,680 --> 00:03:06,170 Temos outra lista desordenada. 53 00:03:06,510 --> 00:03:10,920 Então faça isso aqui mesmo. 54 00:03:11,040 --> 00:03:13,680 Isso ajuda a ser muito particular com o seu recorte aqui. 55 00:03:13,680 --> 00:03:19,770 Na verdade, não afetará nada, mas isso nos ajudará apenas a poder visualizar nosso código e saber o que 56 00:03:19,830 --> 00:03:21,400 está aninhado dentro do que. 57 00:03:21,660 --> 00:03:27,730 Então, temos uma UL e então temos um dois três quatro aliados. 58 00:03:28,650 --> 00:03:30,730 Então eu vou seguir em frente e escrever isso. 59 00:03:30,960 --> 00:03:32,420 Um dois três quatro ou cinco. 60 00:03:32,430 --> 00:03:33,780 Você pode copiá-los e colá-los. 61 00:03:33,780 --> 00:03:35,580 Digite-os manualmente. 62 00:03:36,090 --> 00:03:38,310 O primeiro é boilerplate. 63 00:03:39,450 --> 00:03:48,690 terminar a lista primeiro, por exemplo, o parágrafo das rubricas e então temos a tag E-M com a palavra E-M 64 00:03:51,270 --> 00:04:01,170 dentro dela e uma etiqueta forte com a palavra forte, em vez disso, apenas para martelar esta casa mais uma vez. 65 00:04:01,170 --> 00:04:02,460 E eu vou 66 00:04:02,550 --> 00:04:04,380 Você provavelmente deve fazer isso em algumas vezes. 67 00:04:04,440 --> 00:04:06,770 Você pode digitar o nome de uma etiqueta e clicar em separador. 68 00:04:07,110 --> 00:04:08,450 Muito útil. 69 00:04:09,060 --> 00:04:10,820 Então vamos verificar isso novamente. 70 00:04:11,150 --> 00:04:11,880 ESTÁ BEM. 71 00:04:12,060 --> 00:04:13,770 Estamos chegando perto. 72 00:04:13,770 --> 00:04:16,280 Agora, precisamos apenas desse ninho final. 73 00:04:16,410 --> 00:04:21,250 Bem, duas coisas realmente de uma lista ordenada e outra lista ordenada. 74 00:04:21,510 --> 00:04:24,040 Então, isso vai dentro da placa da caldeira. 75 00:04:24,210 --> 00:04:25,410 Então encontramos esse 76 00:04:29,310 --> 00:04:36,450 aliado e agora vamos ter uma lista ordenada e temos um dois três quatro aliados. 77 00:04:37,020 --> 00:04:41,220 Nós temos um que diz tipo dock. 78 00:04:42,510 --> 00:04:49,490 Nós temos outro que diz que cada vez eu vou ter outro que diz cabeça e um que diz o 79 00:04:51,180 --> 00:04:51,780 corpo OK. 80 00:04:51,780 --> 00:04:52,970 Então estamos muito perto agora. 81 00:04:53,070 --> 00:04:56,910 A última coisa que precisamos é o título que vai em vez da cabeça. 82 00:04:56,930 --> 00:04:58,100 Você notará que há um número. 83 00:04:58,140 --> 00:04:59,650 Então é um busto ordenado. 84 00:05:00,030 --> 00:05:01,110 Então, se abrimos 85 00:05:04,350 --> 00:05:08,590 a cabeça, vamos digitar a lista ordenada novamente mentir novamente. 86 00:05:09,070 --> 00:05:13,210 Título. 87 00:05:13,260 --> 00:05:14,220 Tudo bem. 88 00:05:14,220 --> 00:05:15,470 E isso é tudo o que precisamos fazer. 89 00:05:15,480 --> 00:05:20,130 Então, vamos comparar o lado a lado, verifique se qualquer coisa é diferente. 90 00:05:20,250 --> 00:05:21,300 Parece bom para mim. 91 00:05:21,300 --> 00:05:27,340 Os títulos são os mesmos da primeira lista de dois anos e todas essas listas são feitas aqui. 92 00:05:27,360 --> 00:05:28,740 Eles parecem idênticos. 93 00:05:28,740 --> 00:05:29,220 Ótimo. 94 00:05:29,340 --> 00:05:32,970 Então, se você tiver alguma dúvida, sinta-se à vontade para passar algum tempo no código. 95 00:05:32,970 --> 00:05:34,660 Novamente está na descrição. 96 00:05:34,860 --> 00:05:38,860 Isso não é algo que você terá que fazer o tempo todo criando essas listas desagradáveis. 97 00:05:38,940 --> 00:05:43,350 Mas o que realmente é e a razão pela qual eu tive que fazer isso é que é importante 98 00:05:43,350 --> 00:05:49,050 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 99 00:05:49,050 --> 00:05:53,680 ou um bem como o de um aliado ou um aliado em vez de um UL e assim por diante. 100 00:05:53,700 --> 00:05:57,830 É importante que você se sinta confortável com a placa básica da caldeira também. 101 00:05:57,960 --> 00:05:59,320 Então, espero que tenha gostado disso.