Projeto Desenvolvimento 1 #97731 - README
Turma 2ºB - E.E Yollanda Araújo Silva Paiva
Reposição - HTML/CSS - Joyclass
Este repositório foi criado como parte do Projeto Desenvolvimento 1, número de issue #97731. O objetivo principal deste projeto é fornecer exemplos práticos de utilização das tags mais comuns em HTML, abrangendo metadados, separação de conteúdo, texto, imagem e formulários. Este README oferece uma visão geral do conteúdo disponível neste repositório e como utilizá-lo.
O repositório está organizado da seguinte forma:
- metadados: Contém exemplos de utilização de tags relacionadas a metadados HTML.
- separacao-de-conteudo: Demonstração de técnicas para a separação eficaz de conteúdo na página.
- texto: Exemplos envolvendo manipulação e apresentação de texto em HTML.
- imagem: Demonstração de tags relacionadas a imagens.
- formulario: Exemplos práticos para criar formulários HTML.
Cada diretório acima contém pelo menos dois exemplos correspondentes ao tipo de conteúdo especificado.
Para explorar os exemplos fornecidos, basta navegar nos diretórios mencionados acima. Cada diretório contém arquivos HTML com código exemplar e, se aplicável, arquivos adicionais (como imagens) para ilustrar os conceitos.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Exemplo de metadados HTML">
<title>Metadados HTML</title>
</head>
<body>
<!-- Conteúdo da página -->
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Separação de Conteúdo</title>
</head>
<body>
<header>
<!-- Cabeçalho da Página -->
</header>
<nav>
<!-- Navegação da Página -->
</nav>
<main>
<!-- Conteúdo Principal da Página -->
</main>
<footer>
<!-- Rodapé da Página -->
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemplo de Texto HTML</title>
</head>
<body>
<h1>Título Principal</h1>
<p>Este é um parágrafo de exemplo.</p>
<p><strong>Texto em negrito.</strong></p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemplo de Imagem HTML</title>
</head>
<body>
<h1>Imagem Incorporada</h1>
<img src="exemplo-imagem.jpg" alt="Descrição da imagem">
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemplo de Formulário HTML</title>
</head>
<body>
<h1>Formulário de Contato</h1>
<form action="/submit" method="post">
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<input type="submit" value="Enviar">
</form>
</body>
</html>
Sinta-se à vontade para explorar e adaptar esses exemplos conforme necessário para atender aos requisitos específicos do seu projeto. Se surgirem dúvidas ou problemas, não hesite em abrir uma nova issue para discussão. Agradecemos sua participação no desenvolvimento deste projeto! 🎉