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

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

Introdução ao Capítulo 5

Visão geral da seção: Nesta aula, começamos a estudar o Capítulo 5 do curso de HTML com CSS. O capítulo aborda parágrafos, quebra de linhas, caracteres especiais e uso de emojis.

Parágrafos e Quebras de Linha

  • Os parágrafos são criados utilizando as tags <p> e </p>.
  • As quebras de linha podem ser feitas utilizando a tag <br>.

Caracteres Especiais

  • É possível utilizar caracteres especiais em HTML através das entidades HTML. Por exemplo, &lt; representa o caractere "<" e &gt; representa o caractere ">".
  • Alguns exemplos de entidades HTML são:
  • &amp; para "&"
  • &copy; para "©"
  • &reg; para "®"

Uso de Emojis

  • É possível utilizar emojis em HTML através dos códigos Unicode correspondentes aos emojis desejados.
  • Por exemplo, o código Unicode para o emoji "smile" é "😀".
  • Basta inserir o código Unicode dentro do elemento HTML onde deseja exibir o emoji.

Curso Especial sobre Criação de Aplicativos Android

Visão geral da seção: O patrocinador do curso, Estudo Alta, oferece um curso especializado na criação de aplicativos para celular utilizando a plataforma Android e a ferramenta Android Studio. Este curso é recomendado para quem deseja aprender além da criação de sites.

Criando um Novo Arquivo HTML

  • Abra o gerenciador de arquivos e crie uma nova pasta para o exercício.
  • Dentro da pasta, crie um novo arquivo chamado "index.html" (ou outro nome desejado).
  • Certifique-se de utilizar letras minúsculas e evitar espaços ou letras maiúsculas no nome do arquivo.

Estrutura Básica do HTML

  • Utilize a seguinte estrutura básica para iniciar o arquivo HTML:

<!DOCTYPE html>

<html lang="pt-BR">

<head>

<meta charset="UTF-8">

<title>Título do Documento</title>

</head>

<body>

<!-- Conteúdo do documento -->

</body>

</html>

Parágrafos e Linhas Horizontais

  • Utilize a tag &lt;p> para criar parágrafos de texto.
  • Utilize a tag &lt;hr> para criar uma linha horizontal.

Manipulando Parágrafos

  • Os parágrafos podem ser formatados livremente dentro das tags &lt;p>.
  • Quebras de linha não afetam a exibição dos parágrafos, pois o HTML é uma linguagem de marcação.
  • A formatação dos parágrafos é controlada pelas tags utilizadas.

Importância da Marcação em HTML

  • O HTML é uma linguagem de marcação, onde as tags definem a estrutura e formatação do conteúdo.
  • A marcação correta é fundamental para obter o resultado desejado na exibição do conteúdo em HTML.

Utilizando a tag BR para quebrar linhas

Visão geral da seção: Nesta seção, o instrutor explica como utilizar a tag BR para criar quebras de linha em um parágrafo.

Utilizando a tag BR

  • A tag BR é utilizada para criar uma quebra de linha em um parágrafo.
  • Para utilizar a tag BR, basta inserir <br> no local onde deseja fazer a quebra de linha.

Utilizando os sinais < e >

Visão geral da seção: Nesta seção, o instrutor explica como utilizar os sinais < e > para formatar texto em HTML.

Utilizando os sinais < e >

  • Os sinais < e > são utilizados em HTML para indicar tags.
  • Se você deseja exibir os sinais < e > sem que eles sejam interpretados como tags, utilize < para o sinal < e > para o sinal >.

Outras formas de quebrar linhas

Visão geral da seção: Nesta seção, o instrutor apresenta outras formas de criar quebras de linha em HTML.

Outras formas de quebrar linhas

  • Além da tag BR, existem outras maneiras de criar uma quebra de linha em HTML.
  • Uma alternativa é utilizar a combinação dos sinais <br>.
  • Também é possível utilizar as tags <p> e </p> para criar parágrafos separados.

Importância da prática e acompanhamento

Visão geral da seção: Nesta seção, o instrutor destaca a importância da prática e do acompanhamento dos materiais de estudo.

Importância da prática e acompanhamento

  • A prática é fundamental para o aprendizado efetivo.
  • É importante acompanhar os materiais de estudo e anotar as informações relevantes.
  • Anotar no caderno é mais importante do que apenas assistir vídeos, especialmente próximo à época das provas.

Encerramento e pedido de apoio

Visão geral da seção: Nesta seção, o instrutor faz um encerramento final e pede apoio aos espectadores.

Encerramento e pedido de apoio

  • O instrutor agradece pelo interesse na aula e no curso.
  • Ele solicita que os espectadores sigam o perfil do curso nas redes sociais para ajudar na divulgação do trabalho.
  • Reforça a importância da prática, acompanhamento dos materiais e anotações.
Video description

O Curso de HTML5 e CSS3 vai ensinar a criar sites usando a linguagem de marcação hipertexto (HTML) e folhas de estilo em cascata (CSS), todas em suas versões mais recentes. Neste curso, o Professor Gustavo Guanabara criou um conjunto de vídeos, exercícios, desafios e um material de apoio em forma de e-book com 30 capítulos ao todo. Acesse o material de apoio em PDF: == GitHub: https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf Receba notificações de novos vídeos: == Canal no Telegram: https://t.me/cursoemvideo Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3: == Módulo 01: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n Consiga certificados fazendo o curso diretamente pelo site oficial do projeto: == Site: https://www.cursoemvideo.com Torne-se apoiador do projeto: == Acesse: https://www.cursoemvideo.com/apoie Siga-nos nas redes sociais: == Gustavo Guanabara no Instagram: https://www.instagram.com/gustavoguanabara == Curso em Vídeo no Instagram: https://www.instagram.com/cursoemvideo == Hostnet no Instagram: https://www.instagram.com/hostnetbr == Recode no Instagram: https://www.instagram.com/rederecode == Estudonauta no Instagram: https://www.instagram.com/estudonauta Conheça os patrocinadores desse curso: == HOSTNET: https://www.hostnet.com/cursoemvideo == RECODE: https://www.recode.org.br/novidades == ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo #cursohtml5css3 #modulo01 #C05A01