Getting Started With HTML

Descrição

Este repositório foi criado com o objetivo de desenvolver uma página web simples, utilizando as principais tags HTML aprendidas no primeiro módulo da Formação HTML da DIO. O foco do projeto é consolidar o conhecimento adquirido, experimentando diferentes elementos HTML e entendendo suas funcionalidades, hierarquias e aplicações práticas dentro de uma estrutura básica de documento.

Funcionalidades

• Exemplos de formatação de texto utilizando tags semânticas e não semânticas.
• Uso completo da hierarquia de títulos (h1 a h6).
• Aplicação de tags como mark, del, abbr, sup e sub para enriquecer o conteúdo.
• Listas ordenadas e não ordenadas com links internos e externos.
• Exploração de elementos básicos de estruturação de página.

Demonstração do Projeto

Acesse a demonstração

Tecnologias Utilizadas

• HTML: Linguagem de marcação utilizada para estruturar a página web.
• VS Code: Editor de código utilizado durante o desenvolvimento.
• Navegador (Chrome): Utilizado para visualizar a página em tempo real.

Estrutura do Projeto

A estrutura do projeto é organizada da seguinte forma:

/
├── assets
│   └── site-html.png
├── index.html
└── README.md

Contato

Willian Gonçalves | LinkedIn | Github | Portfólio | Email

Créditos

Este exercício foi desenvolvido como parte da Formação HTML da DIO.

English Version

Getting Started With HTML

Description

This repository was created with the purpose of developing a simple web page using the main HTML tags learned in the first module of the DIO HTML training. The project focuses on consolidating the acquired knowledge by exploring different HTML elements, their hierarchy and practical applications inside a basic document structure.

Features

• Text formatting using semantic and non-semantic tags.
• Complete use of heading hierarchy (h1 to h6).
• Use of mark, del, abbr, sup and sub to enrich content.
• Ordered and unordered lists with internal and external links.
• Exploration of basic HTML structuring elements.

Project Demonstration

Access the demonstration

Technologies Used

• HTML: Markup language used to structure the web page.
• VS Code: Code editor used to develop the project.
• Browser (Chrome): Used to visualize the page in real time.

Project Structure

The project structure is organized as follows:

  /
  ├── assets
  │   └── site-html.png
  ├── index.html
  └── README.md
  

Contact

Willian Gonçalves | LinkedIn | GitHub | Portfolio | Email

Credits

This exercise was developed as part of DIO's HTML Training.