Tags e Elementos

HTML (HyperText Markup Language) é a espinha dorsal da internet, a linguagem que dá forma e estrutura às páginas da web que navegamos diariamente. Se você já se perguntou como os sites são criados e organizados, então você está prestes a embarcar em uma jornada fascinante pelo mundo das tags e elementos HTML.

O que são Tags e Elementos HTML?

Em seu núcleo, HTML é uma linguagem de marcação composta por tags e elementos. As tags são palavras-chave encapsuladas em colchetes angulares < >, enquanto os elementos são combinações de tags que criam estruturas ou conteúdo na web. Cada tag tem uma função específica e determina como o conteúdo é exibido em um navegador.

Estrutura Básica de uma Página HTML

Toda página web começa com uma estrutura básica. A tag <html> denota o início de um documento HTML, enquanto <head> contém informações sobre o documento, como o título da página. O corpo do documento é representado pela tag <body>, onde o conteúdo visível aos usuários é colocado.

<!DOCTYPE html>
<html>
<head>
    <title>Minha Página Web</title>
</head>
<body>
    <!-- Conteúdo da Página Aqui -->
</body>
</html>

Principais Tags e Elementos HTML

1. Títulos e Parágrafos:

<h1>Este é um Título Principal</h1>
<h2>Este é um Título Secundário</h2>
<p>Este é um parágrafo de texto.</p>

2. Listas:

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
</ul>

<ol>
    <li>Item 1</li>
    <li>Item 2</li>
</ol>

<a href="https://www.exemplo.com">Visite Exemplo</a>

4. Imagens:

<img src="caminho/para/imagem.jpg" alt="Descrição da Imagem">

5. Formulários:

<form>
    <label for="nome">Nome:</label>
    <input type="text" id="nome" name="nome"><br><br>
    <label for="email">E-mail:</label>
    <input type="email" id="email" name="email"><br><br>
    <input type="submit" value="Enviar">
</form>

Aninhamento de Tags

Uma característica poderosa do HTML é sua capacidade de aninhar tags, permitindo a criação de estruturas complexas.

<div>
    <h1>Este é um Título Dentro de uma Divisão</h1>
    <p>Este é um parágrafo dentro da mesma divisão.</p>
</div>

As tags e elementos HTML formam o esqueleto de todas as páginas da web. Compreender como utilizá-los é essencial para qualquer desenvolvedor web. Este artigo proporcionou uma visão geral, mas há muito mais para explorar, como estilos CSS, interatividade com JavaScript e muito mais.