e nesse vídeo vamos dar continuidade aos estudos do capítulo 8 e falar um pouco mais sobre formatação de PC e [Música] [Aplausos] E aí [Música] o Olá tudo bem com você seja bem-vindo seja bem-vinda a mais um vídeo de HTML5 e css3 e dessa vez nós vamos continuar o Capítulo 8 como eu falei ali antes da abertura vendo algumas outras formas de formatação o vídeo anterior ele é muito importante e fala sobre semântica se você ainda não entendeu o conceito de semântica por favor Assista esse vídeo de novo porque é muito importante que você saiba
entenda o que que é semântica com HTML5 também conhecido como HTML semântico do não faz sentido você não conhecer esse conceito e nós vamos continuar agora vamos criar um exercício para você poder entender vou começar com algumas formatações Bem simples vamos abrir o nosso visual Studio code os criar as pastas antes da Bíblia de Estudo Cold e começar a trabalhar interrompemos a sua aula para um recado rapidinho de um dos nossos patrocinadores a plataforma estuda na alta e se você já conhece o projeto do curso em vídeo é muito tempo sabe que é plataforma estudou
na alta surgiu essa ideia de produção de conteúdo de qualidade para lançamento de c* e funcionais e vão te ajudar desde o início Zinho para quem não sabe nada de programação até para quem já sabe que é criar por exemplo um aplicativo para celular e o estudo alta não é um projeto gratuito Como é o do curso em vídeo onde a gente disponibiliza cursos como esse que você tá assistindo Mas é uma plataforma que além de alguns cursos do curso em vídeo que podem ser ampliados e alguns até já são Como por exemplo o nosso
curso de Responde pai que além das aulas que tem aqui no canal do curso em vídeo tem muitas outras aulas também tem cursos inéditos como por exemplo de linguagens modernas como ser Sharp e linguagem kotlin sente dar código pronto se você quiser saber mais informações sobre astronauta aqui ó nesse código é só apontar a câmera do seu celular você vai para uma página especial e se por acaso estivermos sem vaga na plataforma você pode deixar o seu cadastro lá e a gente te avisa assim que novas vagas surgirem Obrigado estudou na alta pelo Patrocínio e
você pode seguir com a sua aula agora então já estou aqui com tudo fechado no criar uma nova pasta documentos a todos HTML exercício fizemos os sete né A verdade é que os seis a gente não fez mas se você fez aí na sua casa e vamos criar uma pasta nova É sim 008 nessa pasta mas vamos clicar com o botão direito abrir com code e ele vai abrir colocou dentro do Cold nós vamos criar o arquivo index. HTML a gente já viu isso várias vezes Vamos criar o código base Vamos mudar aqui para perder
Dr aqui no Título nós vamos colocar formatação de textos e aqui nós vamos começar vou criar uma dar um aqui já presente falar dinheiro aqui de títulos é principais formatações aí nessa as principais formações eu vou ter várias formatações vamos começar a falar sobre também H2 é um subtítulo DH um aí reafirmando A Hierarquia dos títulos um título é subtítulo do outro Vamos começar com ou falar sobre ou destaque esse aqui é o primeiro assunto vamos criar um parágrafo aqui primeiro lugar Existem duas maneiras Oi gente colocar uma mania não semântica e uma maneira semântica
a não semântica é simplesmente pela forma vou colocar uma palavra em ó botar aqui nessa frase aí vou colocar um aqui vou você até que tenhamos um aí termo em usando a tag de Vamos abrir aqui porque duas vezes na pasta lá na parte aqui a gente criou porque em duas vezes no index beleza olha só o que eu fiz vamos vamos arrumar Nossa tela aqui já fiz isso um milhão de vezes não vou explicar de novo tanto explicando todas as vezes a mesma coisa acaba ficando chato pra galera que está acompanhando é se você
ficou perdido ele fez isso você pula aula filho Você já assistiu a muito tempo já esqueceu volta lá nas aulas vai ser impressa Vai sim correria aqui a coisa funciona beleza aqui ó eu vou ter que principais formatações destacado H1 e H2 nessa frase temos um termo em ao terminei ele ficou realmente ele usando a tag dele só que a tag B ela é uma tag não semântica vai tá Vou botar aqui ó não se e aqui ela não tem significado você tem forma é formato em o formato em não quer dizer muita coisa simplesmente
você quis colocar em forma sem sentido agora se você fizer assim ó nesta frase nessa nesta tenho um aí eu vou fazer o seguinte o termo em destaque eu vou botar aqui ó Tom termo em destaque usando a tag Tron que ela é semântica perto se você vier aqui atualizar ó visualmente eu vou até dar 11 para você pessoalmente não tem diferença nenhuma a forma dos dois é a mesma Só que essa formatação em B ela só tem só tem coisas de forma ela só tem sentido de forma um strong ele dá além da forma
que nós queremos dar um sentido para essa coisa por que que eu coloquei em Porque nessa frase esse termo aqui ele é forte ele é de destaque ele é Tron Deu para entender a diferença tão para você tem essas duas e vamos falar também sobre Itálico Vou botar aqui ó H2 Itálico ou ênfase mesma coisa O que é um parágrafo aqui e vou colocar nesta frase tenhamos um eu vou fazer diferente aqui vou te ensinar uma parada nova termo em Itálico usando tag e não semântica se você vê aqui não vai ficar em Itálico Óbvio
porque eu não pedi para ficar Itálico só que aí depois você fica geralmente Você tem problemas que ela só você quer botar esse termo em Itálico em Itálico a que você vai fazer você bota a tag ir secreatria seguir já não criou tem que dar espaço queria até ir aí tem que pegar esse termo puxar para cá para dentro e ele fica só que geralmente eu faço nessa maneira eu quero termo Itálico itally eu seleciono ele tá você vai apertar encontro a nossa isso shift pedir pão pra tu vai abrir essa janelinha aqui em cima
e você tem que clicar nesse ele falou Com abreviatura o abbreviation envelope Com abreviatura ou rede wi-fi abbreviation é só você digitar sim só que não tiver aparecendo na sua casa provavelmente não vai estar é por isso que eu uso bastante É só você colocar lá a bebê Aí você procura aqui ó o rappi with abbreviation se você clicar aqui ó cuidado Tem rappi indivíduo Lines with an abbreviation e prende abbreviation nós vamos simplesmente colocar nesse vídeo aqui envelope Com abreviatura ou Rep with a prevention clique aqui aí vai perguntar qual é a tag que
você quer envelopar aí eu vou digitar simplesmente e eu não vou botar a tag Não não vou botar os colchetes angulares que eu sempre me botar aí o que vai acontecer aqui ó vou apertar a letra eu apertei ele automaticamente em vê-lo por perto eu doente para confirmar tem que dar enter para confirmar se você simplesmente clicar em outro lugar ele vai sumir tá então tá a gente vai fazer isso aqui de novo bem mais rápido você vai ter que você ganha tempo com isso vamos lá vão atualizar agora eu tenho um termo em Itálico
mais uma o que a gente não falou sobre sentido da coisa sobre o significado da coisa de semântica ele falou só de forma ele vai ficar em Itálico é a resistir uma outra maneira que é porque os parágrafos aqui Inclusive eu não preciso criar parágrafo Olha só eu posso outras que há nesta frase temos um termo em destaque ou ênfase roupa tá em fazer usando a tag é m&m significa e me fazes né ou ênfase Se eu fizer isso nem parágrafo eu tenho como é que você faz para abreviar o botar creme semântica como é
que você faz para poder colocar esse aqui tudo dentro de um parágrafo mais uma vez selecione aqui olha só a velocidade contra os tipos de P em ter tente de novo ó vou devagar control shift P aí eu aperto o enter por quê Porque já tá aqui o envelopar Com abreviatura que esse contraste TP ele vai permitir que você faça coisas no vídeo de hoje a última coisa que você fez é o primeiro item que você tem então geralmente alguns esse envelopar então é simplesmente ó contra o shift P doente o que é essa primeira
que eu quero aí pergunta qual é a tag parágrafo p não pode clicar em outro lugar senhores homem teclar enter tá então vou fazer rápido de novo então o processo do meu dia a dia isso selecionei contra os tipos de peru é interromper o Inter já foi quando eu TP é interpretar entra no caso aqui ó termo ênfase eu quero com RM certo então quando eu XP é inter é m é inter já foi isso é percebe que algumas tags ele quebra a linha como parágrafo ele quebrou a linha para delimitar o parágrafo e outras
não quer quando eles tem os comandos são os comandos expansivos e os comandos de divisão né mas na verdade eu vou juntar tudo aqui para ficar tudo igual na prática o Vou atualizar aqui ó se você der uma olhada visualmente tanto faz cara esse aqui ou esse aqui mais ver se de cima não tem significado não pense semânticas em semântica ele é simplesmente uma forma metálica nesse caso aqui é bem Está em paletes você comprar o de cima de baixo é exatamente igual só que para o HTML a tag é m ela é semântica isso
ela tem significado Beleza então assim essa esse início Zinho que a gente viu agora é muito importante que você tem pra te mostrar um comando novo aqui estão os comandos de atalho dentro do resort tudo mas Nós aprendemos que Itálico tem as duas versões as duas versões ainda funcionam Sem problema nenhum se você viu o vídeo anterior eu te mostrei alguns links para você olhar se alguma tag está obsoleta ou está não recomendada pelo w3com e o Song são tags que existem são Mega novas Então são Mega aceitas a tag de e a tag ir
ela já estão não estão obsoletas elas são pega esqueçam da época do html4 então a tendência é que daqui algum tempo elas sejam considerados obsoletos então evita usar no momento de E isso não é uma recomendação do w3c mas como essa minha Sempre que você quiser indicar na frase Qual é a parte forte da frase os parques Tron tem que você quiser dar em fazer alguma coisa para você usou e me esquece Itálico Itálico são questões de forma a gente vai ver forma em CSS então a recomendação do w3c é essa é forma CSS é
sentido HTML então não faz sentido usar b e momento de hoje mas falta dizer não há uma recomendação social foi mais ou menos ação minha Gustavo Guanabara seu professor propriedade três coisas que todo produtor de conteúdo sempre pede e comigo não vai ser diferente se você está gostando desse curso ou de qualquer outro curso ou um vídeo do canal do curso em vídeo não se esquece sempre de deixar o seu like deixa também um comentário de incentivo ou até mesmo comentário de dúvida Isso facilita muito o algoritmo do YouTube saber que você tá gostando e
te oferecer mais e mais conteúdos nossos e não se esquece também de se inscrever no canal e agora até o sistema de inscrição mudou um pouquinho na hora que você abrir o Sininho você tem que dizer que quer receber todas as notificações ajuda aí ô o vídeo a continuar relevante pra galera as tecnologias EA gente continua daqui produzindo vídeos de qualidade Então é isso Chegamos Ao Final De mais uma parte aqui do nosso Capítulo 8 14 também vai ter algumas partes Na próxima a gente vai aprender bem mais tag é porque eu precisava que esse
vídeo falasse sobre pega esqueçam de forma e pega esqueçam de sentido o o Itálico são a melhor maneira de isso daí Tranquilo então é isso aí tem Encontro Marcado não desanima não deixa de praticar cria o exercício na sua casa para você ver fazendo você acostumar com esse comando de ataque não contra o tipo de peso que é tão importante no negócio de Cold treino aí e a gente já se vê na próxima parte da aula hoje um grande abraço e até já já já [Música] [Aplausos] [Música] E aí [Aplausos] [Música]
