<!DOCTYPE html>
<html lang="PT-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML</title>
</head>
<body>
<img src="./html.png" alt="html logo">
<h1>O que é HTML?</h1>
<p><strong>HTML</strong> significa <em>HyperText Markup Language</em> (ou "linguagem de marcação de hiper texto").</p>
<p>Ou seja, o HTML é uma <strong>linguagem de marcação</strong> utilizada para estruturar e apresentar conteúdo na web.</p>
<p>Ele é composto por uma série de elementos, que são representados por <strong>tags</strong> (etiquetas) que indicam ao navegador como exibir o conteúdo.</p>
<p>Essas tags são usadas para definir diferentes partes de uma página web, como títulos, parágrafos, listas, links, imagens, tabelas e muito mais.</p>
<p>Então, <strong>o HTML é a espinha dorsal de qualquer página web</strong>, fornecendo a estrutura básica sobre a qual o conteúdo é construído.</p>
<p>Um documento HTML típico começa com a declaração do tipo de documento (<code><!DOCTYPE html></code>), seguida pela tag raiz <code><html></code>, que contém duas seções principais: o <code><head></code> (cabeçalho) e o <code><body></code> (corpo).</p>
<p>O <code><head></code> inclui informações sobre a página, como o título, metadados e links para arquivos externos (como folhas de estilo CSS e scripts JavaScript).</p>
<p>O <code><body></code> contém o conteúdo visível da página, como texto, imagens, vídeos e outros elementos interativos.</p>
<p>Veja abaixo um exemplo básico da estrutura de um documento HTML:</p>
<img src="./Esqueleto.jpeg" alt="esqueleto html">
<p>Este esqueleto básico contém as principais tags que você encontrará em um documento HTML.</p>
<p>Em resumo, o HTML é a linguagem fundamental para criar páginas web, permitindo que os desenvolvedores organizem e apresentem conteúdo de forma estruturada e acessível na internet.</p>
<h2>Tags mais comuns no HTML</h2>
<p>Os <code><heading></code> são usados para definir títulos e subtítulos em uma página web, ajudando a organizar o conteúdo de forma hierárquica.</p>
<img src="./O-que-sao-h1-h2-e-h3.png" alt="O que são h1, h2 e h3">
<p>A tag <code><p></code> </p>é usada para definir parágrafos de texto em uma página web, ajudando a organizar o conteúdo de forma clara e legível.</p>
<img src="./parágrafo.jpeg" alt="Parágrafo">
<p>A tag <code><img></code> é usada para inserir imagens em uma página web, permitindo que os desenvolvedores incluam elementos visuais para enriquecer o conteúdo.</p>
<img src="./img.jpeg" alt="Imagem">
<h2>O que acontece se for retirado o <!DOCTYPE html>?</h2>
<p>Se a declaração <!DOCTYPE html> for removida de um documento HTML, o navegador pode não interpretar corretamente o código, resultando em um comportamento inesperado na renderização da página.</p>
<p>A declaração <!DOCTYPE html> informa ao navegador que o documento está escrito em HTML5, permitindo que ele aplique as regras e padrões apropriados para a renderização.</p>
<p>Sem essa declaração, o navegador pode entrar em "modo de compatibilidade", o que pode afetar a forma como o CSS é aplicado, como os elementos são exibidos e como o JavaScript é executado.</p>
<p>Portanto, é altamente recomendável manter a declaração <!DOCTYPE html> no início de todos os documentos HTML para garantir uma renderização consistente e correta.</p>
</body>
</html>
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!