[Projeto] Exercício em HTML | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

1 - Construindo a estrutura básica do HTML

<!DOCTYPE html>
<head>
    <title>Exercício HTML</title>
</head>
<body> </body>
</html>

2 - Adicionando conteúdo ao HTML

<!DOCTYPE html>
<head>
    <title>Exercício HTML</title>
</head>
<body>
<!-- Inserindo conteúdo -->
    <h1>Exercício em HTML</h1>
    <p>Este é o exercício em HTML.</p>
</body>
</html>

3 - Trabalhando com meta tags e título

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>Exercício em HTML</title>
</head>
<body>
    <h1>Exercício em HTML</h1>
    <p>Este é o exercício em HTML.</p>
</body>
</html>

4 - Organizando conteúdo com tags HTML

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>Exercício em HTML</title>
</head>
<body>
    <h1>Exercício em HTML</h1>
    <h2>Aqui contem o subtítulo</h2>
    <p>Este é o exercício em HTML.</p>
</body>
</html>

5 - Adicionando imagens com acessibilidade

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>Web-design e HTML</title>
</head>
<body>
    <h1>Exercício em HTML</h1>
    <p>Este é o exercício em HTML.</p>
    <!-- Inserindo a imagem com acessibilidade -->
    <img src="html.png" alt="Logo do HTML 5">
</body>
</html>

6 - Listando Itens em HTML

!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta name="description" content="Dicas e truques sobre html e web-design">
    <title>Web-design e HTML</title>
</head>
<body>
    <h1>Exercício em HTML</h1>
    <p>Este é o exercício em HTML.</p>
    <!-- Inserindo a imagem com acessibilidade -->
    <img src="html.png" alt="Logo do HTML 5">
    <h2>Listando Itens de forma ordenada em HTML</h2>
    <ol>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ol>
</body>
</html>