Lá.
Bem vindo de volta.
Então esta lição vai ser muito rápida.
Estamos apenas falando sobre duas tags da etiqueta DIV e da tag spand e realmente não podemos falar tanto quanto o
que eles fazem e como os usamos até que possamos ver avaliar onde podemos modelar as coisas.
Mas eu só quero apresentá-los agora porque vou mostrar-lhe coisas usando divs e extensões.
Nos próximos vídeos e na verdade não fiz um excelente trabalho para explicá-lo no primeiro rascunho
deste curso.
Então eu voltei e adicionei isso em um após o fato depois que o Curso foi publicado.
Eu vi algumas perguntas que eu notei que talvez eu pudesse esclarecer se eu fizesse um trabalho melhor,
explicando Dave anteriormente.
ESTÁ BEM.
Então vamos começar a falar sobre divs e extensões.
A primeira coisa que vou dizer é que ambos, como eu mencionei, não são úteis até
que possamos chegar aos elementos de design.
fazem é que eles permitem agrupar conteúdo juntos, de modo que um div de acordo com o MT-NW é apenas um recipiente genérico.
Mas o que eles
Então, é apenas uma maneira de agrupar as coisas juntas como um exemplo, não estou dizendo que esta é uma div
aqui, mas isso pode ser uma div apenas uma caixa em torno de algum conteúdo.
Parece algum texto aqui, algumas imagens e algum texto mais para agrupar isso e dar uma grande
margem ou dar um fundo, desculpe-me, você pode fazer isso com uma div.
Mais uma vez, não conversamos sobre como você faz isso ainda, mas a idéia é que você pode agrupar
as coisas juntas.
Então, você vai me ver usando muito muito esse curso nesse caminho.
Deixe-me apenas mostrar-lhe um exemplo rápido.
Então, se eu adicionar algum texto aqui e isso é realmente algo que um dos alunos deste curso apontou
no fórum de discussão.
Eu não sabia sobre o que é bom se você apenas digitar Lorem e clicar na aba.
Isso nos dará Lorem Ipsum, basicamente, apenas um monte de texto de espaço de texto de texto.
Então eu vou usar isso, faça dois desses.
E então também adicione um H1 e digamos que este H-1 realmente não importa ou simplesmente coloque qualquer coisa
lá.
Mas digamos que este é um parágrafo
e quero agrupar essas duas coisas juntas.
O H-1 no parágrafo, digamos, eventualmente, de novo, não podemos fazê-lo agora, mas, eventualmente, eu quero ter uma
caixa ao redor é uma borda e fronteira laranja.
Mas não inclui esse.
O que posso fazer é agrupá-los em uma etiqueta div,
portanto, d v e save.
eu atualizar a página ou realmente abrir, em primeiro lugar, não vai parecer diferente.
E se
Não vai se parecer com nada, na verdade, porque não há um estilo para que possamos ver tudo o
que aconteceu é que essas duas coisas agora são agrupadas em um recipiente, apenas uma caixa genérica, um
recipiente para mantê-los juntos, então podemos ir estilo mais tarde.
Então, se eu dedique a esse div um fundo se eu fizesse ter um fundo
amarelo que o fundo amarelo iria aproximadamente em torno disso, mas não incluiria o segundo parágrafo.
Então, esse é um intervalo div, por outro lado também é um recipiente genérico.
Mas há uma diferença fundamental.
Então, deixe-me começar com um exemplo aqui.
Digamos que queria destacar algumas dessas palavras aqui.
Porta de Ipsum.
Seja qual for o que eu queira fazer deste amarelo, em vez de preto, então o resto do texto é preto.
Mas eu quero destacar isso como amarelo e fazer a fonte maior ou algo assim.
Mais uma vez, não sabemos como fazer isso ainda.
precisaria de uma tag em torno disso e se eu coloquei uma diva ali, que é um pacote genérico
de contêineres e eu salvei e atualizei, você verá que é derrubado em uma nova linha e é porque uma div é um bloco elemento de nível.
Mas a idéia é que eu
Então, isso significa que ele ocupa sua própria linha exatamente como faz um parágrafo.
Quando você adiciona um parágrafo em tudo, depois que esse parágrafo é pressionado para uma nova linha.
Então, um div é um recipiente genérico de nível de bloco.
Se eu substituir isso por um intervalo, isso não vai ser impressionante, porque como eu posso ver algo realmente, você
verá uma mudança aqui, mas será apenas um parágrafo regular, então eu vou atualizar e
há um recipiente .
Agora, há um espaço genérico em torno desse conteúdo que não está fazendo nada.
Ao contrário de uma div embora seja um recipiente em linha.
Portanto, span é basicamente agrupar conteúdo selecionando conteúdo na linha e um div é outra maneira de agrupar
conteúdo.
Mas é um elemento de nível de bloco.
Então eu sei que isso é um pouco teórico neste momento.
É meio difícil entender a utilidade de.
como ir encontrar esse período que eu adicionei e torná-lo fonte de quinze pontos e amarelo ou vá achar
que div eu adicionei e dê-lhe uma borda de laranja e tudo o que nós faça e depois acabamos com uma borda laranja em torno deste conteúdo.
Mas muito em breve, quando entrarmos em C Ss, poderemos dizer algo
Todos os recipientes genéricos de grande divs span.
Um é preto está na linha