2
respostas

[Projeto] HTML e CSS Ambiente de Desenvolvimento, Estrutura de Arquivos e Tags - Mão na massa 1

Html e Css - Mão na massa N°1

  1. Construindo a estrutura básica do HTML
<!DOCTYPE html>
<html>
    <head>    
        <title>Aprendizagem de Html 5</title>
    </head>
    <body>
    </body>
</html>
  1. Adicionando conteúdo ao HTML
<!DOCTYPE html>
<html>
    <head>    
        <title>Aprendizagem de Html 5</title>
    </head>
    <body> 
        <h1>Principais Tags de Html 5</h1>
        <p>Quais são as 3 principais tags do HTML5? Existem diversas tags do HTML, mas as principais são: Title, meta, head, body,
        article, section, footer e div.</p>
    </body>
</html>
  1. Trabalhando com meta tags e título
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Html 5: Aprendizagem</title>
    </head>
    <body> 
        <h1>Principais Tags de Html 5</h1>
        <p>Quais são as 3 principais tags do HTML5? Existem diversas tags do HTML, mas as principais são: Title, meta, head, body,
        article, section, footer e div.</p>
    </body>
</html>
  1. Organizando conteúdo com tags HTML
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Html 5: Aprendizagem</title>
    </head>
    <body> 
        <h1>Tags do Html 5</h1>
        <h2>Tags mais usados no Html 5</h2>
        <p>Quais são as 3 principais tags do HTML5? Existem diversas tags do HTML, mas as principais são: Title, meta, head, body,
        article, section, footer e div.</p>
    </body>
</html>
  1. Adicionando imagens com acessibilidade
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Html 5: Aprendizagem</title>
    </head>
    <body> 
        <center>
            <h1>Tags do Html 5</h1>
            <h2>Tags mais usados no Html 5</h2>
            <p>Quais são as 3 principais tags do HTML5? Existem diversas tags do HTML, mas as principais são:
                Title, meta, head,body,article, section, footer e div.</p>
            <img src="/img/tags-html5.png" alt="Tags do Html 5" width="640" height="480">
        </center>        
    </body>
</html>
  1. Listando Itens em HTML
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Html 5: Aprendizagem</title>
    </head>
    <body> 
        <center>
            <h1>Tags do Html 5</h1>
            <h2>Tags mais usados no Html 5</h2>
            <p>Quais são as 3 principais tags do HTML5? Existem diversas tags do HTML, mas as principais são:
                Title, meta, head,body,article, section, footer e div.</p>
            <img src="/img/tags-html5.png" alt="Tags do Html 5" width="640" height="480">
            </center>
            <h2>Os três principais tags são :</h2>
            <ul>
                <li>Head</li>
                <li>Body</li>
                <li>Footer</li>
            </ul>
            <h2>Outros tags muito usados são :</h2>
            <ol>
                <li>Article</li>
                <li>Section</li>
                <li>Div</li>
            </ol>
           
    </body>
</html>
  1. Explorando o impacto do DOCTYPE no HTML Sem DOCTYPE
<html>
    <head>
        <meta charset="UTF-8">
        <title>Html 5: Aprendizagem</title>
    </head>
    <body> 
        <center>
            <h1>Tags do Html 5</h1>
            <h2>Tags mais usados no Html 5</h2>
            <p>Quais são as 3 principais tags do HTML5? Existem diversas tags do HTML, mas as principais são:
                Title, meta, head,body,article, section, footer e div.</p>
            <img src="/img/tags-html5.png" alt="Tags do Html 5" width="640" height="480">
            </center>
            <h2>Os três principais tags são :</h2>
            <ul>
                <li>Head</li>
                <li>Body</li>
                <li>Footer</li>
            </ul>
            <h2>Outros tags muito usados são :</h2>
            <ol>
                <li>Article</li>
                <li>Section</li>
                <li>Div</li>
            </ol>
           
    </body>
</html>
2 respostas

Olá Richard, como vai? Espero que esteja bem!

Parabéns por superar os desafios! A prática é a chave para o aprendizado.

Continue se empenhando nos estudos.

Estou aqui para ajudar se surgirem dúvidas.

Abraços e sucesso nos estudos!

Boa noite, muito obrigado por seu apoio.