Citações e Códigos - @Curso em Vídeo HTML5 e CSS3

Citações e Códigos - @Curso em Vídeo HTML5 e CSS3

Última parte do Capítulo 8 - Formatação de Caracteres

Visão geral da seção: Nesta última parte do Capítulo 8, vamos aprender sobre a formatação de caracteres. Vamos abordar códigos-fonte, abreviações e situações relacionadas à formatação.

Códigos-fonte

  • A formatação de código-fonte é importante para melhorar a legibilidade.
  • Utilizar a tag <code> ou envelopar o código com <pre> pode ajudar na exibição correta do código.
  • Fontes monoespaçadas são ideais para exibir códigos, pois cada letra ocupa o mesmo espaço lateral.

Abreviações

  • Abreviar comandos e termos técnicos pode facilitar a leitura e compreensão do código.
  • Utilize tags como <abbr> para criar abreviações no HTML.

Potation (Situações)

  • Potation é uma técnica que permite ajustar o tamanho das letras em relação ao restante do texto.
  • É possível utilizar CSS para aplicar potation em elementos específicos.

Conclusão

Nesta seção final do Capítulo 8, aprendemos sobre a importância da formatação de caracteres, especialmente em relação aos códigos-fonte. Também vimos como utilizar abreviações e potation para melhorar a legibilidade dos textos.

Introdução ao Curso em Vídeo

Visão Geral da Seção: Nesta seção, o instrutor introduz o curso e recomenda que os alunos assistam aos vídeos para aprender a programar.

Aprendendo com o Curso em Vídeo

  • O instrutor recomenda que os interessados em aprender a programar assistam aos vídeos do Curso em Vídeo.
  • Ele menciona a existência de um curso em vídeo disponível para aprendizado.
  • É explicado como escrever um código simples usando a função print().

Organização do Código

  • O instrutor explica que o Python não organiza automaticamente o código com indentação.
  • Ele mostra como usar espaços e tabulações para organizar o código corretamente.
  • É mencionada uma maneira alternativa de formatar o código usando as tags <pre> e <code>.
  • O uso da tecla Tab para adicionar ou remover indentação é ensinado.

Divulgação do Curso

  • O instrutor pede aos espectadores que ajudem na divulgação do curso enviando arte relacionada ao Python.
  • Ele fornece um endereço de e-mail onde as artes podem ser enviadas para divulgação nas redes sociais e no Instagram pessoal dele.

Citações no Código Python

Visão Geral da Seção: Nesta seção, são abordadas as citações no código Python e como dar sentido às situações por meio delas.

Utilizando Citações

  • O instrutor apresenta exemplos de citações no código Python.
  • Ele demonstra como usar aspas manualmente ou a tag <blockquote> para criar citações.
  • É enfatizado que as citações dão sentido às situações e ajudam a transmitir informações de forma clara.

Conclusão

Visão Geral da Seção: Nesta seção, o instrutor conclui a aula e incentiva os espectadores a divulgarem o curso.

Divulgação do Curso

  • O instrutor reforça o pedido de divulgação do curso, incentivando os espectadores a compartilharem imagens relacionadas ao Python nas redes sociais.
  • Ele expressa gratidão antecipada pela ajuda na divulgação e destaca que isso contribuirá para tornar o curso ainda maior.

Livro de HTML e citações

Visão geral da seção: Nesta seção, o palestrante menciona um livro sobre HTML e discute a criação de citações em HTML.

Livro de HTML

  • Um livro sobre HTML é mencionado, intitulado "HTML5 com Farinha e Pimenta" e "HTML e XML para Leigos".
  • O autor do livro não é mencionado.
  • É feita referência a uma página específica do livro (página 17).
  • Um trecho do livro é compartilhado para exemplificar como criar uma citação em HTML.

Criação de citações em HTML

  • É explicado que os elementos em HTML podem descrever blocos de texto que são citados ou atribuídos a um determinado autor.
  • É possível criar uma citação usando a tag &lt;blockquote> ou &lt;q>.
  • Ao criar uma citação, pode-se adicionar um parâmetro chamado cite para indicar o endereço ou fonte da citação.
  • As citações podem ser úteis para mecanismos de busca indexarem o conteúdo corretamente.

Abreviações em HTML

Visão geral da seção: Nesta seção, o palestrante aborda o uso de abreviações em HTML.

Uso de abreviações

  • É explicado que as abreviações podem ser usadas para fornecer significados completos para siglas ou termos abreviados.
  • Ao usar a tag &lt;abbr>, pode-se especificar o significado completo da sigla usando o atributo title.
  • Exemplos de abreviações são mostrados, como "HTML" para "Hypertext Markup Language".
  • As abreviações podem ser úteis para visitantes do site e mecanismos de busca entenderem o significado das siglas.

Texto invertido em HTML

Visão geral da seção: Nesta seção, o palestrante explora a possibilidade de exibir texto invertido em HTML.

Exibindo texto invertido

  • É mencionado que é possível exibir texto invertido usando a tag &lt;bdo> (Bidirectional Override).
  • Ao usar a tag &lt;bdo>, pode-se especificar a direção do texto como "ltr" (left to right) ou "rtl" (right to left).
  • Um exemplo de texto invertido é mostrado.
  • O uso dessa funcionalidade é considerado pouco útil e não há uma aplicação prática clara para ela.

Tag &lt;blink> em HTML

Visão geral da seção: Nesta seção, o palestrante menciona a tag &lt;blink> em HTML.

A tag &lt;blink>

  • É mencionada a existência da tag &lt;blink>, que faz com que um determinado texto pisque na página.
  • No entanto, essa funcionalidade é considerada inútil e irritante.
  • A tag &lt;blink> possui apenas duas opções de animação: "lr" (left to right) e "rl" (right to left).

Conclusão

O palestrante discute sobre um livro de HTML, abordando citações e abreviações em HTML. Além disso, ele menciona brevemente a possibilidade de exibir texto invertido e a tag &lt;blink>, que é considerada inútil.

Desenvolvendo Hábitos de Estudo

Visão Geral da Seção: Nesta seção, o palestrante discute a importância de desenvolver hábitos de estudo saudáveis e descansar adequadamente para melhorar o aprendizado.

Importância do Descanso

  • Ler o material e fazer anotações é importante para o aprendizado.
  • É recomendado tirar um tempo para descansar quando se está assistindo muitos vídeos ou estudando por longas horas.
  • Descansar ajuda a cuidar da saúde mental e física, permitindo um aprendizado mais eficiente.
  • Dormir bem é essencial, pois durante o sono ocorre a consolidação da memória.

Conclusão e Próximos Passos

  • O palestrante encerra a discussão sobre hábitos de estudo e promete continuar com mais aulas sobre HTML em breve.
  • Ele incentiva os espectadores a descansarem bastante e deseja um bom aprendizado.

Acompanhe as próximas aulas para continuar seu aprendizado em HTML. Até lá!

Video description

Você sabe como adicionar citações ao seu site? Sabe como representar um trecho de código dentro de uma página? Veja a resposta para todas essas perguntas assistindo esse vídeo até o final. Tópicos deste vídeo: 00:00 - Capítulo 08, aula 04 00:20 - Encerrando o capítulo 00:50 - Um dia você vai precisar de um site profissional 02:35 - Criando um novo exercício 03:23 - Inserindo código fonte em páginas 06:40 - Mantendo a formatação de códigos grandes 07:06 - Corrigindo a tabulação 08:25 - Ajude a divulgar o curso 09:50 - Criando citações simples 11:30 - Criando citações em bloco 14:39 - Criando abreviações 16:20 - Criando textos invertidos em HTML 17:41 - CSS está vindo aí 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 #C08A04