Simplificando o HTML

#HTML

HTML é tão complicado assim?

Quando ouvia falar sobre programação, achava que seria muito difícil, pois nos filmes os personagens quase sempre usam códigos para hackear algo e digitam muito rápido, então sempre parece algo difícil e coisa de gênio. Mas quando entrei para o mundo da programação, acabei percebendo que não é tão complicado quanto parece, e você acaba se divertindo e ficando apaixonado por aprender.

Mas por que HTML de todas as linguagens?

Primeiro, HTML não é uma linguagem de programação, e segundo, porque estou estudando HTML. Brincadeiras à parte, quero dizer que ao ver tantas linguagens de programação, escolhi HTML para ser a primeira e então seguir para outras, pois existem muitas outras linguagens que quero me aprofundar.

Entendendo a Estrutura Básica

Quando começamos a explorar o HTML, é fundamental entender a estrutura básica que forma a espinha dorsal de qualquer página da web. Esta estrutura é composta por três partes principais: o Cabeçalho (head), o Corpo (body), e, opcionalmente, o Rodapé (footer).

O Cabeçalho (head): O Cabeçalho é onde você define metadados e informações sobre o documento HTML. Aqui, você incluirá o título da página, informações de codificação de caracteres, links para arquivos de estilo (CSS), scripts JavaScript e outros metadados importantes para os motores de busca e navegadores.

  
      
      <!DOCTYPE html>
      <html lang="en">
      <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Exemplo de código HTML</title>
      <head>

O Corpo (body): O Corpo é onde o conteúdo real da sua página reside. Aqui, você incluirá todos os elementos visíveis aos visitantes, como texto, imagens, vídeos, formulários, etc. É dentro do Corpo que você organiza e estrutura o conteúdo da página usando uma variedade de elementos HTML, como títulos (h1 a h6), parágrafos (p), listas (ul, ol, li), e muito mais.

  
      
          <body>
              <header>
                  <h1>Título</h1>
                  <p>Texto</p>
                      <ul>
                          <li>Primeiro</li>
                          <li>Segundo</li>
                          <li>Tercceiro</li>
                      </ul>
                      <ol>
                          <li>Item 1</li>
                          <li>Item 2</li>
                          <li>Item 3</li>
                      </ol>
              </header>
          </body>

O Rodapé (footer): O Rodapé é onde você coloca informações adicionais sobre o seu site, como direitos autorais, links para redes sociais, informações de contato, etc. É uma parte opcional, mas pode ser útil para fornecer contexto adicional ou funcionalidades aos visitantes da sua página.

  
      
          <footer>
              <p>&copy; 2024 Meu Site Incrível. Todos os direitos reservados.</p>
          </footer>

Ao entender e dominar esta estrutura básica, você estará pronto para começar a criar páginas da web incríveis e funcionais com HTML!