Prática do HTML
Criação de uma Página Simples
- Crie um arquivo com a extensão
.html(por exemplo,index.html). - Adicione a estrutura básica do HTML.
- Insira conteúdo, como parágrafos, cabeçalhos e listas.
Exemplo:
<!DOCTYPE html>
<html>
<head>
<title>Minha Página</title>
</head>
<body>
<h1>Bem-vindo ao Meu Site</h1>
<p>Este é um exemplo de página HTML.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
</body>
</html>Incorporação de Mídia
- Imagens: Use a tag
<img>. - Vídeos: Use a tag
<video>. - Áudio: Use a tag
<audio>.
Exemplo:
<img src="foto.jpg" alt="Uma bela paisagem">
<video controls>
<source src="video.mp4" type="video/mp4">
Seu navegador não suporta o elemento de vídeo.
</video>Links e Âncoras
Use a tag <a> para criar links. Para âncoras, use o atributo id para marcar seções da página.
Exemplo:
<a href="https://www.exemplo.com">Visite Exemplo.com</a>
<a href="#secao2">Ir para a Seção 2</a>
<h2 id="secao2">Seção 2</h2>Formulários
Crie formulários para coletar informações dos usuários. Use tags como <form>, <input>, <textarea> e <button>.
Exemplo:
<form action="/enviar" method="post">
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome">
<button type="submit">Enviar</button>
</form>Logo, o HTML é a espinha dorsal da web moderna, permitindo a criação de conteúdo estruturado e interativo. Compreender tanto os princípios teóricos quanto a prática do HTML é essencial para qualquer pessoa que queira se envolver no desenvolvimento web.
Com este pequeno guia, esperamos que você tenha adquirido uma compreensão sólida de como usar o HTML para criar páginas da web envolventes e funcionais.
Apprendendo 