Formatação

HTML (HyperText Markup Language) é a espinha dorsal da web, permitindo que os desenvolvedores criem páginas ricas em conteúdo e estilos. Uma parte fundamental do desenvolvimento web é a formatação adequada do HTML, que não apenas torna as páginas visualmente atraentes, mas também as torna acessíveis e compreensíveis para os usuários. Neste artigo, vamos explorar as diversas técnicas de formatação HTML que dão vida às páginas da web, tornando-as tanto bonitas quanto funcionais.

**1. Títulos e Parágrafos:

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

2. Listas:

```html
<ul>
    <li>Item de lista não ordenada</li>
    <li>Outro item</li>
</ul>

<ol>
    <li>Item de lista ordenada</li>
    <li>Segundo item</li>
</ol>

3. Links:

```html
<a href="https://www.exemplo.com">Texto do Link</a>

4. Imagens:

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

5. Tabelas:

```html
<table>
    <tr>
        <th>Cabeçalho da Coluna 1</th>
        <th>Cabeçalho da Coluna 2</th>
    </tr>
    <tr>
        <td>Dado 1</td>
        <td>Dado 2</td>
    </tr>
</table>

6. Formulários:

```html
<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>

7. Comentários:

```html
<!-- Este é um comentário HTML. Não será exibido na página. -->

A formatação HTML é a espinha dorsal da apresentação na web. Com uma compreensão sólida das várias tags e elementos de formatação, os desenvolvedores podem criar páginas web visualmente atraentes e altamente funcionais. Ao combinar técnicas de formatação com estilos CSS e interatividade JavaScript, é possível criar experiências de usuário envolventes e dinâmicas na web.