hoje em dia a formatação do html ela ficou bem restrita a gente tem poucos elementos que permitem colocar alguma fonte diferente tamanho de letra diferente ou até mesmo cores toda essa parte de formatação de páginas html agora ficam a critério do arquivo de still css mas ainda há gente tem alguns elementos pra definir justiça formação da página o primeiro deles que vem sendo muito utilizado são os a os rappers ou seja jogar 1h 2h 3h 4 a 5 a 6 eles que vão definir os títulos das páginas onde a gente pode ter por exemplo o
título principal como a gaúcha o título menor nenhum intermediário de uma subseção como 2o 3o um pouquinho menor e assim por diante nem parecido com o conceito de títulos que a gente tem lá na ferramenta do microsoft word a gente vem montando até agora um exemplo mostrando a parte do cabeçalho nem no de navegação conteúdo de rodapé então a gente vai montar agora através do título pré-definido h1 vamos colocar o título da nossa página como se fosse um papel do logotipo ou seja do título principal do nome do nosso site têm a gente vai voltar
lá para o nosso exemplo pra colocar um título e ver como é que fica a qualificação no navegador então o que a gente tem a nossa página que ela foi sendo desenvolvida ao longo desses vídeos ea gente vai modificar agora um pouquinho vamos colocar aqui no nosso cabeçalho ao invés da palavra cabeça a gente vai colocar o nome da nossa página por exemplo curso de html como a gente quer que esse é um título seja destacado fique diferente dos demais itens da página a gente pode utilizar o recurso do h1 pra destacar essa informação que
a gente coloca tag pagar um jogo no início e assim que terminar a palavrinha html podemos colocar o fechamento do h1 então coloquei ele no barradão para fechar a tag vamos salvar ea atualizar aqui a página vocês vão ver que o título curso de atendimento já ficou com uma letra maior com uma fonte maior diferente dos outros itens do menu outra possibilidade de formatação das páginas está na quebra de linha então eu posso fazer essa separação de um conteúdo de um parágrafo de um texto para o outro de algumas formas primeiro seguindo uma quebra de
linhas simples como se fosse o inter do computador essa infâmia essa quebra de mim a gente faça através da tag br em nota em que a tag é uma das poucas tags que a gente não precisa abrir fechar simplesmente coloca dr e aí no final da da linha que a gente quer quebrar ela já vai pular pra mim é a seguinte outra possibilidade de quebrar a linha ou melhor de organizar o nosso texto é o uso de parágrafos onde quando eu utilizo o inir e destacando o início eo final do parágrafo e não vai simplesmente
quebrar uma linha mas ele vai dar o espaçamento correto entre os dois parágrafos que a gente quer escrever aqui embaixo tem um exemplo de um parágrafo a parágrafo 2 que eles foram separados se podem notar que é um pouquinho mais passado mas ainda se vocês não quiserem a opção de uma cidade visão de parágrafos a opção da linha separadora onde eu vou ter uma linha número 11 parra linha 2 como se eu fosse colocar uma linha que vai percorrer toda parte horizontal da minha página vamos ver como é que fica o exemplo utilizando o br
vamos ver como é que vamos ver como é que fica um exemplo utilizando quebra de ninha parágrafo e vinha separadora então que no nosso exemplo é o nosso código a gente tem a página do curso de html onde a gente vai colocar agora algumas informações então por exemplo alvo a pagar essas sessões que a gente colocou adicionais e vamos informar alguns dados tão primeiro podemos colocar uma notícia alguma informação tão vamos destacar é essa esse texto então coloquei um texto bem simples estou aprendendo sobre html botão enter nem vou dar uma quebra de linha e
vou escrever uma segunda frase sobre esse meu texto então fizemos nos traz só aprendendo sobre html eo html é composto por texas deixa eu colocar mais pra cá para vocês poderem enxergar as duas meninas então estou aprendendo sobre html e o tek eo html é composto de texel simplesmente salvar esse arquivo vocês vão ver que foi feita uma separação é estou aprendendo sobre html enter ea segunda frase ou html é composto de tex simplesmente fazendo essa quebra de linha se vocês forem atualizar a página ao navegador um perceber que as frases ficaram juntas em uma
linha única ou seja apenas ano essa quebra de linha no arquivo html não vai ser suficiente pra vocês pularem a linha ou seja fazer a quebra dela lembra que é necessário a tag de r então a gente vai voltar aqui pro código adicionar a rbr e aí não importa se as frases estão juntas ou separadas é a tag brt vai fazer essa quebra de linha entre uma frase e outra então vamos salvar novamente atualizar o navegador e aí sim vamos ter as suas fãs estou aprendendo sobre html ou html é composto de tex outro item
que a gente viu é o parágrafo então eu posso colocar a tag p para destacar um parágrafo do outro como aqui a gente já tem duas frases podemos adicionar o pedro parágrafo para iniciar logo no início da primeira frase e para ele finalizar logo após a segunda frase vamos salvar e atualizar a página no navegador não notem que só de colocar a tag ele já de um espaçamento já se distanciou tanto da linha superior quanto da linha inferior justamente para criar essa sensação de parágrafos onde as informações não estão todas juntas ainda o terceiro elemento
que a gente viu foi o hr então a gente vai pode substituir por exemplo o nosso br para colocar o hr então pra dividir essas duas linhas em 1 com mali nessas duas frases com uma linha única então troquei só a r por bem pra gente visualizar o exemplo vamos salvar ea atualizar já apareceu a linha separadora então a guerra se essa linha que vai percorrer toda a extensão do meu navegador separando uma um elemento que está em cima dos elementos que estão em baixo dentre as possibilidades de formatação nas páginas html os únicos dois
elementos que permaneceram elson itálico então a gente ainda pode então informar que alguma informação está negritada ou em itálico através das teds b e estão voltando o nosso exemplo podemos colocar alguma informação dentro do texto em itaipu então vamos colocar a primeira ampla linha de html em tão tabu b antes do html e vou fechar o bebê logo após a data ml e na segunda vez que essa palavra parece eu vou colocá-lo a comentários só pra fazer um diferencial de um termo para o outro a gente vai colocar wii quando abre antes do html e
fechar a tag logo depois a palavra html vamos salvar ao atualizar nossa página nota em que as duas palavras htm vão ficar diferentes a primeira então ficou com um ea segunda ficou com um italiano outra possibilidade de colocar na nossa página html são comentários a gente pode adicionar textos informações que vão ser que não pertenceu página html mas não vão ser apresentadas ao usuário para colocar um comentário a gente deve escrever a tag da seguinte forma o sinal de menor ponto de exclamação 2-1 aqueles pacientes que a gente usa pra como if em natal e
em palavras da língua portuguesa e aí tudo que tiver dentro vai ser comentado ou seja não vai aparecer como código html visual para o usuário para fechar novamente coloca esses 2-6 e até do maior aqui no nosso código a gente pode colocar um comentário em qualquer parte do código não vai ter problema nenhum por exemplo eu vou colocar um comentário aqui entra a tag header ea tag nave então a gente coloca o símbolo do menor a exclamação os dois traços notem que o texto já ficou com uma cor diferente para designar que é um comentário
então vou colocar a frase aqui tem comentário foi o vou fechar ao salvar essa frase essa informação que na página a gente vai atualizar e nota que não vai mudar nada no nosso na nossa página vai continuar com os mesmos elementos mas se vocês observarem no código-fonte então vou pedir pra exibir o código fonte da página está aqui o nosso comentário tão tento outras tags html que a gente diz crew e aqui no meio da página fica visível comentário em tão alto em que esses comentários por mais que não vão estar presentes na parte visual
da página ele a para ele aparece lá nas tags então é possível usar tão evitem de colocar algum comentário que seja constrangedor ou palavras inapropriadas porque embora não apareçam na página ele vai aparecer no código-fonte se alguém quiser visualizar essa informação