Desafio HTML Básico

Este projeto foi desenvolvido como parte de um desafio de projeto HTML básico, demonstrando o uso de todas as tags HTML aprendidas durante o curso.

Tags HTML Utilizadas

Tags de Cabeçalho

• <h1> até <h6> - Cabeçalhos de diferentes níveis

Tags de Texto

• <p> - Parágrafos
• <mark> - Texto destacado
• <small> - Texto pequeno
• <i> - Texto em itálico
• <u> - Texto sublinhado
• <strong> - Texto em negrito

Tags de Lista

• <ol> - Lista ordenada
• <ul> - Lista não ordenada
• <li> - Itens de lista

Tags de Link e Separação

• <a> - Links
• <hr> - Linha horizontal

Tags de Formatação Especial

• <sub> - Texto subscrito
• <sup> - Texto sobrescrito
• <blockquote> - Citações

Tags Adicionais Pesquisadas

• <font> - Formatação de fonte (color, size)
• <del> - Texto deletado/riscado
• <abbr> - Abreviações com tooltip

Como Usar

1. Abra o arquivo index.html em qualquer navegador web
2. Navegue pelas diferentes seções para ver as tags em ação
3. Passe o mouse sobre as abreviações para ver os tooltips

Estrutura do Site

O website está organizado em seções que demonstram diferentes aspectos das tags HTML:

• Cabeçalhos: Demonstração de todos os níveis de cabeçalho
• Formatação de Texto: Uso de mark, small, i, u, strong
• Listas: Exemplos de listas ordenadas e não ordenadas
• Links: Links externos para recursos de aprendizado
• Notação Científica: Uso de sub e sup
• Citações: Demonstração de blockquote
• Formatação Avançada: Uso de font, del e abbr
• Listas Combinadas: Listas aninhadas

Tecnologias Utilizadas

• HTML5 puro
• Estrutura semântica
• Tags HTML básicas e avançadas

Desenvolvido como parte do desafio de projeto HTML básico da DIO.