Então, neste vídeo, vamos aprender sobre alguns outros elementos HDMI que são bastante comuns.
Então nós vimos como escrever comentários que vimos tipo de corpo principal e corporal na coruja HCM, bem como H-1.
Agora, vamos aprender sobre um monte de coisas mais que podem ir no corpo.
Então, nos slides, há um pouco de trapaça aqui de algumas das coisas que vamos cobrir,
então vamos nos referir a isso um pouco.
Mas antes disso, quero mostrar a referência do elemento MT-NW.
Então este link está na descrição.
Também está nos slides.
Você também pode chegar lá, googling M. D. n referência de elemento e é basicamente uma
página da Web que lista todos os elementos no HMO.
Então, algumas pessoas estão surpresas com a quantidade de outras pessoas que outros estudantes que eu ouvi
falar estão surpresas com o quão poucas há.
E isso é apenas um palpite.
Eu não contei, mas cerca de uma centena ou mais esta página tem todos eles.
Você pode ler sobre cada um para que você saiba que poderíamos procurar corpo e poderíamos ler sobre o
corpo do qual já fizemos.
O que eu quero mostrar para você é que há uma tonelada aqui.
Há provavelmente 10 a 15 que você usará o tempo todo.
Eu diria que se você fizer cerca de metade destes nos últimos meses, nenhum desses realmente o que eu estou tentando
dizer é que há muitas coisas aqui, não sinto que você precisa saber tudo isso.
Este é um daqueles tempos em que eu vou dizer que não se trata de memorização.
Vamos voltar ao nosso H-1 e vamos fazer um pouco de leitura uma vez.
Então, eu vou apenas pesquisar aqui para cada um rápido no link correspondente e basicamente um H1 até
uma idade seis são os seis níveis de títulos do documento.
Então, em cada um vai ser o título mais importante em sua página, é o maior título para
uma idade de 6 anos, que ainda é um título, mas é o título menos importante.
Então, você pode ver que há um exemplo aqui H1 H2, que é três até os seis anos.
Esta é a idade resultante para um homem.
Então aqui está outro exemplo aqui onde temos alguns H1 e algumas outras tags.
E acabamos com esse elemento de título.
Bem, vá em frente e faça mais alguns h.
Desculpe mais alguns elementos de Hedding farão no H-2.
Não vamos
fazer todos eles e vamos fazer mais um.
E vamos mudar isso para ter uma terceira idade.
Vamos fazer realmente na idade de seis anos.
Você pode ver o quão pequeno eles conseguem e vamos salvá-lo.
Vá em frente e abra nossa página novamente e você pode ver que temos um grande título Hedding ligeiramente menor.
E esse título absoluto mais pequeno que podemos ir.
Então, uma outra coisa sobre H-1 e outros títulos é que eles são algo chamado de elementos de nível de bloco.
Então o que isso significa é que cada um obtém sua própria linha.
Então, mesmo que eu os coloque na mesma linha e atualizei a página, cada um deles obtém uma
linha separada e empurra tudo depois para uma nova linha.
Então, isso é importante.
Isso surgirá porque haverá outros elementos que não se comportam dessa maneira e esses
são chamados de elementos inline.
Ok, então você desfaz isso.
Certifique-se de que este esteja corretamente segmentado.
Vamos em frente e adicione algum texto aqui.
Então vou dizer que esta é apenas uma pequena bios, vou colocar algum texto aqui.
Este é um texto.
Blá blá blá.
E isso só quero ser um texto regular.
Eu não quero que seja grande ou realçado ou qualquer coisa para que eu possa escrever texto assim.
Posso adicionar um monte mais aqui.
E atualizo minha página.
Eu recebo essa coisa gigante de texto em uma linha, mas digamos que eu percebi que eu realmente quero um intervalo de
linha aqui.
Estes são dois parágrafos de absurdo para fazer isso, eu posso usar a tag de parágrafo.
Então, se você voltasse aqui e buscamos a
etiqueta, verá que a tag é usada apenas para representar um parágrafo do texto e os parágrafos são elementos de
nível de bloco.
Então isso significa que eles também seguem sua própria linha.
Então, vamos adicionar um parágrafo aqui.
Então eu quero dividir aqui e aqui desculpe aqui.
Então, eu apenas envolvo isso em uma tag
de parágrafo, de vez em quando, vou adicionar
outra tag de parágrafo na frente disso e depois, vamos lá, certifique-se de salvá-lo e atualizamos.
E agora temos dois parágrafos que estão em linhas separadas.
Então, deixe-me ir e obter sintaxe.
puxar um monte
de texto aqui e copiar isso para que você possa ver pode ter algo mais parecido com isso.
Vamos apenas fazer Lorem Ipsum ir a um gerador e vamos apenas
Na verdade, é um parágrafo, então não é apenas uma linha, mas é um
parágrafo e tem espaçamento após o próximo parágrafo.
Então, agora que eu tenho o meu parágrafo aqui, suponhamos que eu queria fazer
algum texto destacar, eu quero cursar o título de um livro ou quero negar uma palavra-chave, por exemplo.
Então, há maneiras de fazer isso com cada equipe que eu vou mostrar um aqui.
Digamos que eu quero fazer texto simples apenas em negrito.
isso, eu poderia escrever uma etiqueta B em torno dela e, como mencionei anteriormente, essa na verdade não é a melhor maneira de fazer isso.
Então, para fazer
Nós vamos mostrar isso aqui brevemente apenas para que você possa vê-lo.
Então eu atualizo a página e você pode ver simplesmente texto fofo em negrito.
E, mais importante ou igualmente importante, não ocupa uma nova linha.
Ainda está na fila.
Então, há algo chamado um elemento de nível de bloco que falamos sobre estes assumir seu próprio nível
de bloco.
bloco e há elementos em linha que simplesmente se deslocam e não forçam algo a uma nova linha.
Este parágrafo faz isso ocupar o seu próprio
Então, se voltarmos, eu disse que não é realmente a melhor forma de fazê-lo.
Vamos falar sobre isso em um vídeo de características sobre a marcação semântica basicamente.
E cada vez em 5 seu e-mail agora precisa ser significativo.
Então, simplesmente dizendo que algo é ousado, na verdade não diz nada sobre o texto.
Então, há algumas opções.
O mais comum é usar forte e tão forte tem um pouco mais um pouco mais significa que ele
fará exatamente a mesma coisa.
Você não notará uma diferença aqui, mas a idéia é que ao dizer isso é forte, em vez de ousado,
isso significa algo um pouco mais.
Então, você verá no futuro do vídeo realmente o que é essa marcação semântica.
Que pena todos os 5 estão tentando fazer.
Mas, por enquanto, só sei que são duas maneiras de fazer algo se desenrolar.
Da mesma forma, existem algumas maneiras se eu usar talus usando algum texto.
I, você pode ver que eu digo ao Assayas ipsum, mas a
melhor maneira de fazê-lo é usar a etiqueta E-M que é para ênfase e parece exatamente a mesma coisa.
Então, se eu quiser itálico Lorem Ipsum, eu poderia fazer a tag
E a idéia novamente é que a ênfase significa algo mais em vez de apenas dizer eu.
Então queremos separar e isso é o que meus cinco fizeram.
Queremos separar nosso estilo de nossa estrutura.
Então, dizendo que algo deve ser em itálico ou em negrito, esse é realmente o estilo dele.
Mas, dizendo que algo é mais forte ou algo enfatizado, não é assim que é o estilo
ou a aparência.
Isso é mais sobre a estrutura e o que isso significa.
Então, em resumo, temos o H-1 386.
Estes são elementos de nível de bloco.
Temos parágrafos que também são nível de bloco.
Eles seguem sua própria linha e depois temos força e E-M ou ênfase.
E estes são elementos em linha que nos permitem construir nossas coisas em itálico.
Mas realmente o que eles fazem é chamar de algo por ser forte ou ser enfatizado.
E nosso navegador apenas decide fazê-lo em itálico ou torná-lo ousado