Parágrafos e Quebras - @Curso em Vídeo HTML5 e CSS3

577.18k views1742 WordsCopy TextShare
Curso em Vídeo
O Curso de HTML5 e CSS3 vai ensinar a criar sites usando a linguagem de marcação hipertexto (HTML) e...
Video Transcript:
nós começamos agora o estudo do Capítulo 5 vai lá na área de PDF vai baixar o Capítulo 5 e vai acompanhar essas aulas a partir de agora Olhando sempre o material e E aí [Música] o Olá tudo bem com você seja bem-vindo seja bem-vindo a mais uma aula aqui do seu curso de html com CSS a gente ainda tá na parte HTML a gente não tá bem ele sozinho e no capítulo 5 como eu disse anteriormente a gente começa a falar sobre parágrafos quebra de linhas caracteres especiais e uso de emoji né que depois a
gente vai deixar pro próximo vídeo e aí a gente vai voltar lá para o nosso ambiente e vamos começar a criar os nossos exercícios e o recado dessa vez é mais uma vez do estudo alta que está patrocinando o nosso curso esse curso por sinal que tá te ensinando um monte de coisa legal para você aprender a criar sites para criar sites não é a única coisa que você pode criar na sua vida digital e o estudo na alta tem um curso especial que já tá com quatro módulos e vai te ajudar na criação de
aplicativos para celular utilizando a plataforma Android e a ferramenta Android Studio que é distribuído pelo próprio Google Então se além da criação de site você sempre quis aprender a criar aplicativos de celular de uma maneira simples e descomplicada é aplicada passo a passo e com projetos físicos Considere a possibilidade de você ser um aluno do estudo em alta e por uma assinatura mensal você tem acesso a esses módulos de Android Studio e muitos outros cursos que a gente vem falando aqui durante o andamento desse curso de HTML e CSS inclusive os módulos do curso de
html CSS também estão sendo disponibilizados no estudo alta e aí é mais uma maneira mais uma oportunidade de você ter um certificado de uma plataforma diferente fazendo o curso com uma pessoa que você já conhece Obrigado estudonalta pelo Patrocínio e voltamos agora a nossa aula normal Então já estou aqui no Windows fechei tudo da aula passada para cá deixei tudo e aí nós vamos fazer o seguinte Vamos abrir o gestor de arquivos sempre assim sempre vou criar um exercício novo até você pegar prática fecha tudo e abre tudo de novo já tô aqui vou abrir
os meus documentos vou abrir a pasta de estudos vou abrir a parte de html vou abrir a parte de exercícios e vou querer o exercício 002 clique com o botão direito novo pasta ou que aqui dentro início nova pasta goste mais rápido assim 002 já criamos ele esses dois vamos abrir essa pasta agora com visual Studio code botão direito abrir um Cold ele vai abrir a pasta e nós vamos já aqui no cantinho como sempre a gente fez no vídeo passado vou repetir mais uma vez e na verdade vai chegar um momento que eu vou
parar de fazer isso em um exercício 002 que a pasta que a gente abriu você vai criar um novo arquivo que eu entrei uma vez Vamos chamar de index.hu ML aí depois eles vão utilizar outros nomes mas por enquanto ainda que controla Premiere não se esquece não pode botar Nenhum espaço não pode botar letras maiúsculas é tudo em letra minúscula tá até esse ax002 aqui ele ficou em letra maiúscula aparecendo aqui para você mas na prática Ele tá em minúsculas sempre use letras minúsculas nos nomes dos seus arquivos aqui nesse arquivo vou mandar um pouquinho
O que é o código base de novo Exclamação espera um segundinho e da Inter Vamos mudar aqui para PT traço BR Vamos colocar o título documento parágrafos e vamos aqui dentro colocar um a um chamado parágrafos e quebras de linha tecla estou fazendo mais rápido pois a pouco irei o H1 eu só fiz assim olha um enter ele já faz então você vai pegando prática nisso é por isso que eu falo sempre para você praticar muito porque você só vai conseguir pegar a prática nisso se você praticar por criar uma linha horizontal aqui ó HR
e vou criar um parágrafo o assunto desse Capítulo começa o seguinte eu vou colocar uma frase aqui ó você pode escrever um parágrafo de qualquer jeito basta colocar tudo no meio do par de a pena e bater aqui ó você pode escrever um parágrafo de qualquer jeito basta colocar tudo no meio do par de tags e bater vamos salvar fazer na verdade ele já tá salvo né E nós vamos agora abrir isso aqui no navegador vou clicar aqui ó vou abrir a pasta esses 02 eu vou colocar duas vezes aqui ou botão direito e mandar
ver com Chrome aqui no caso Como já tá com botãozinho do Chrome já clica duas vezes ele vai abrir aqui para mim ele até perguntou qual que você quer usar eu quero usar o Google Chrome e eu quero sempre usar esse para abrir html sempre usar esse aplicativo Ok já abriu dá uma olhada nisso Olha só eu digitei Você pode escrever na linha de baixo um parágrafo de na Qualquer jeito E aqui ó apareceu tudo na sequência Você pode escrever um parágrafo que eu que jeito na verdade você pode fazer o que você quiser Ó
vou botar uma palavra em cada linho na hora que você atualizar aqui tá tudo na mesma linha isso é o que importa para o fim do parágrafo não é a quantidade de inter que você aperta é a marca lembra HTML uma linguagem de marcação Então quem manda nas coisas é a marca quem vai mandar nas coisas é a marcação essa essa peculiaridade do HTML ela é muito importante que você entenda porque tem muita gente que tenta fazer certas coisas e não consegue falar o meu navegador tá errado não se a característica da linguagem Tudo Que
Você Quiser criar uma quebra Você tem uma marca para fazer isso quer ver Vou fazer um outro parágrafo aqui em baixo vou botar se precisar quebrar o texto em qual em algum lugar específico como esse você pode usar a tag BR Se eu fizer isso daqui o seu atualizar é um parágrafo outro mas ele quebrou tá vendo é um parágrafo mas ele não quebrou que eu não quebrar para baixo ele Olá tudo na mesma linha sem problema como acabei de te explicar só que ele é só seu usar a tag BR como eu falei anteriormente
por exemplo vou quebrar aqui ó logo depois do como esse o botar aqui ó BR ele vai abrir aqui eu vou estar BR vou dar enter ó agora eu tenho um Break whole toma quebra de linha agora que eu criei uma quebra de linha ele vai quebrar tá vendo ó você precisar quebrar o texto em algum lugar específico como esse tá vendo o como esse tá até do lado da palavra específico só que o BR quem manda quem manda são as tags quem manda são as quebras outra coisa que você pode estar preocupada essas por
mas a tag não é p e/p assim ele tem os sinaizinhos né o menor e o maior só que é o seguinte se você colocar esse sinalzinho aqui ó você é automaticamente transforma isso no matéria olha o que ele vai fazer pra esperar que ele faz assim no meio do pai de tags p Oi papi Olha que ele vai fazer ele transformou um e não parágrafo certo porque você mandou aí eu vou te mostrar uma dica que eu só vou te explicar na próxima aula tá se você quiser fazer esse símbolo aqui se você quiser
que simula apareça sua botar assim ó el& LT; se você quiser esse sinalzinho só botar & GT pop negócio é lógico sem espaço tá mesma coisa aqui & LT; aqui ó é comercial GP; e aqui também & LT; e eu comercial gente ponto baixíssimo até um outro jeito que eu nem te ensinei no material aqui ó usar tag BR então eu comercial ele tem; verifica azul e eu errei ali no Face & GTA errei ponte vivo ele não fica Tá vendo só quando eu faço certo ele fica na hora que eu atualiza área lá você
pode escrever um parágrafo de qualquer jeito basta colocar tudo no lugar e embap Ah não aqui eu quero a tag BR mesmo burro fez uma alteração aqui ó esse aqui aqui eu quero a tag Dr você precisa quebrar o texto algum lugar específico como esse você vai usar a tag BR é um sinal de menor sinal de maior isso aqui é menor que em inglês isso aqui é maior que em inglês mas isso daqui a gente vai deixar esse assunto aqui de utilizar e se caracteriza especiais para a próxima aula mas eu já quis dar
uma introdução dá para ver o que que vai aparecer aí no próximo vídeo eu trouxe aqui mais um recado muito rápido bem tranquilo e um pedido para você não sei se você sabe mas Além daqui do YouTube Eu também estou bem ativo lá nas minhas redes sociais no Instagram e no Instagram do curso em vídeo então que eu vim te pedir aqui nesse vídeo é bem simples gostou da aula tá gostando do curso segue a gente no Instagram Vamos tornar essa comunidade muito maior e ajudar a divulgar o trabalho de Quem produz conteúdo com tanto
carinho e tanta dedicação Então é isso meu querido é isso minha querida não se esqueça prática é muito importante acompanhar os materiais é muito importante e anotar no caderno é mais importante que tudo não se esquece não lá na frente perto da prova era de que se ver assistindo um monte de vídeo não vai dar tempo não vai se dar bem na prova e vai acabar se dando mal e vai estar bem gata mas é normal é realmente assim que funciona Beleza a gente se vê no próximo vídeo a gente vai E aí esse exercício
gente nem vai sair desse exercício aqui a gente vai até criar o próximo não sei se também cê só vai descobrir você chegar no próximo vídeo Um grande abraço e até já [Música] [Aplausos] [Música] E aí E aí [Aplausos] [Música]
Copyright © 2024. Made with ♥ in London by YTScribe.com