</head>
 
 <body>
 
 <h1>Hello, World!</h1>
 
 Aqui pode vir texto em negrito. Ou em itálico e ainda textos subilinhados. Para quebrar linhas, podemos adicionar um parágrafo. 
 
 
 
 E aqui está! :) 
 
 
 
 Podemos ainda fazer outras formatações, com o comando font face.
 
 
 
 Listas? também temos. Cada linha com um comando... 
 <li>linha um</li>
 <li>linha dois</li>
 <li>linha três</li>
 
 
 
 E como ir para outras páginas? Para isso a gente faz links, <a href=https://www.uol.com.br>como este aqui</a> que abre na mesma janela. 
 
 
 
 Para outra janela / guia, a gente aponta para um destino (target) diferente. Vamos testar? Vem neste <a href=https://www.fiap.com.br target=_blank>aqui</a>. 
 
 
 
 Divisórias também são úteis...
 
 <hr>
 
 E aqui está
 
 <hr>
 
 E mais uma...
 
 
 
 Eu não poderia esquecer sobre como a gente adiciona uma imagem, claro! 
 
 
 
 <img src=https://i.pinimg.com/originals/fc/e2/35/fce235abf356e340a772bbaaecb92d1c.gif imagem-id="sapo_grande">
 
 
 
 Ele fica gigante! Por isso, vamos reduzir...
 
 
 
 <img src=https://i.pinimg.com/originals/fc/e2/35/fce235abf356e340a772bbaaecb92d1c.gif width=200 imagem-id="sapo_pequeno">
 
 <hr>
 
 E, agora, as tabelas! Elas são muito úteis. 
 
 <table style="width:50%" border=1>
 <tr>
 <th>Nome</th>
 <th>Curso</th>
 <th>Idade</th>
 </tr>
 <tr>
 <td>Juca</td>
 <td>Marketing</td>
 <td>35</td>
 </tr>
 <tr>
 <td>Mariana</td>
 <td>Banco de Dados</td>
 <td>28</td>
 </tr>
 </table>

</body>
 
</html>