0% Concluído
0/0 Steps
  1. Introdução ao HTML
    3 Tópicos
    |
    1 Teste
  2. Configuração do Ambiente de Desenvolvimento
    3 Tópicos
    |
    1 Teste
  3. Estrutura Básica de um Documento HTML
    2 Tópicos
    |
    1 Teste
  4. Elementos HTML
    5 Tópicos
    |
    1 Teste
  5. Atributos HTML
    2 Tópicos
    |
    1 Teste
  6. Links HTML
    3 Tópicos
    |
    1 Teste
  7. Imagens HTML
    2 Tópicos
    |
    1 Teste
  8. Tabelas HTML
    3 Tópicos
    |
    1 Teste
  9. Formulários HTML
    5 Tópicos
    |
    1 Teste
  10. Elementos Semânticos HTML5
    2 Tópicos
    |
    1 Teste
  11. Multimídia HTML5
    2 Tópicos
    |
    1 Teste
  12. Compreendendo Iframes em HTML5
    1 Tópico
    |
    1 Teste
  13. Gráficos HTML5
    1 Tópico
    |
    1 Teste
  14. APIs HTML5 e JavaScript
    2 Tópicos
    |
    1 Teste
  15. Acessibilidade HTML
    2 Tópicos
    |
    1 Teste
  16. SEO e HTML
    2 Tópicos
    |
    1 Teste
  17. Boas Práticas e Convenções em HTML
    2 Tópicos
    |
    1 Teste
  18. Publicando seu site na web
    2 Tópicos
    |
    1 Teste
  19. Projeto Final
    1 Tópico
  20. Encerramento
Módulo 1, Tópico 3
Em andamento

Como o HTML é usado na web

Roger.Santos 01/07/2024
Módulo Progresso
0% Concluído

Título da Aula: Introdução ao HTML – Como o HTML é usado na web

Introdução

Olá novamente! Hoje, vamos explorar como o HTML é usado na web. Vamos entender como as páginas da web são construídas e como o HTML desempenha um papel fundamental nesse processo. Então, vamos começar!

Corpo da Aula

O HTML é a espinha dorsal de qualquer página da web. Sem ele, a web como a conhecemos simplesmente não existiria. Mas como exatamente o HTML é usado na web?

Quando você visita um site, seu navegador faz uma solicitação ao servidor que hospeda esse site. O servidor, então, envia de volta um arquivo HTML. Este arquivo HTML é basicamente um conjunto de instruções que diz ao navegador como renderizar a página.

O arquivo HTML contém uma série de elementos, ou “tags”, cada um dos quais representa uma parte diferente da página. Por exemplo, a tag <h1> representa um título, a tag <p> representa um parágrafo, a tag <img> representa uma imagem, e assim por diante.

Cada tag HTML tem um propósito específico e segue uma sintaxe específica. Por exemplo, a tag <img> deve incluir um atributo src que especifica o local da imagem a ser exibida. Da mesma forma, a tag <a> (que cria um link) deve incluir um atributo href que especifica o URL para o qual o link deve apontar.

Além de estruturar o conteúdo da página, o HTML também pode ser usado para incorporar outros tipos de conteúdo, como CSS e JavaScript. O CSS é usado para estilizar a página, permitindo que você controle coisas como cores, fontes e layout. O JavaScript, por outro lado, é usado para adicionar interatividade à página, permitindo que você crie coisas como formulários interativos, animações e muito mais.

Conclusão

E aí está! Agora você tem uma compreensão básica de como o HTML é usado na web. Na próxima aula, vamos mergulhar na configuração do ambiente de desenvolvimento e preparar tudo para que você possa começar a escrever seu próprio HTML. Até lá, por que não experimentar explorar o código fonte de algumas de suas páginas web favoritas? Basta clicar com o botão direito em qualquer lugar da página e selecionar “Inspecionar” para ver o HTML em ação!