Introdução ao HTML: Estrutura básica, Tags e Atributos: Formulários em HTML
A linguagem HTML (Hyper Text Markup Language) é a base para a criação de qualquer site na web. É uma linguagem de marcação, o que significa que ela é usada para estruturar o conteúdo em um documento, mas não para programar comportamentos ou estilos. Para isso, usamos outras linguagens como CSS e JavaScript. Neste capítulo, vamos nos concentrar em entender a estrutura básica de um documento HTML, as tags mais comuns e como usar atributos. Além disso, também vamos aprender sobre a criação de formulários em HTML.
Estrutura básica de um documento HTML
Todo documento HTML começa com a declaração do tipo de documento, que informa ao navegador que tipo de documento ele está lendo. Para HTML5, a versão mais recente do HTML, a declaração é simplesmente . Depois disso, o documento HTML é dividido em duas partes principais: o head e o body. O head contém metadados sobre o documento, como o título que aparece na guia do navegador, e links para folhas de estilo CSS ou scripts JavaScript. O body contém o conteúdo real do site, que é o que os usuários veem e interagem.
Exemplo de estrutura básica de um documento HTML:
<!DOCTYPE html>
<html>
<head>
<title>Título do site</title>
</head>
<body>
Conteúdo do site
</body>
</html>
Tags HTML
As tags HTML são usadas para marcar e categorizar o conteúdo em um documento HTML. Cada tag começa com um sinal de menor (<) e termina com um sinal de maior (>). A maioria das tags tem uma tag de abertura e uma tag de fechamento, com o conteúdo entre elas. A tag de fechamento é igual à tag de abertura, mas tem uma barra (/) antes do nome da tag.
Exemplo de uso de tags HTML:
<p>Este é um parágrafo.</p>
<h1>Este é um cabeçalho de nível 1.</h1>
<a href="https://www.example.com">Este é um link.</a>
Atributos HTML
Atributos são usados para fornecer informações adicionais sobre um elemento HTML. Eles são incluídos na tag de abertura e consistem em um nome de atributo e um valor de atributo. O valor do atributo deve estar entre aspas.
Exemplo de uso de atributos HTML:
<a href="https://www.example.com" target="_blank">Este é um link que abre em uma nova guia.</a>
<img src="image.jpg" alt="Descrição da imagem">
Formulários em HTML
Formulários são uma parte importante de qualquer site, pois permitem que os usuários insiram informações e interajam com o site. Um formulário é criado usando a tag <form>, e dentro do formulário usamos diferentes tags para diferentes tipos de campos de entrada, como <input>, <textarea>, <select>, etc. Cada campo de entrada pode ter atributos para controlar seu comportamento, como type, name, value, etc.
Exemplo de um formulário HTML:
<form action="/submit_form" method="post">
<label for="name">Nome:</label>
<input type="text" id="name" name="name">
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<input type="submit" value="Enviar">
</form>
