Este repositório contém minha solução para o desafio de criar uma página web utilizando as tags HTML aprendidas na Formação HTML da DIO (Digital Innovation One). Eu recriei meu curriculo que esta em PDF.
O desafio consiste em criar uma página web simples, aplicando as tags HTML que foram ensinadas durante a formação. O objetivo é demonstrar o conhecimento adquirido na criação de estrutura e conteúdo HTML.
index.html
: O arquivo HTML principal que contém a estrutura da página. Está comentado para facilitar a identificação das seções do site.style.css
: O arquivo CSS para fornecer estilos à página (opcional, dependendo dos requisitos do desafio).
- Clone ou faça o download deste repositório.
- Abra o arquivo
index.html
em um navegador da web.
- Uso das tags HTML aprendidas. Cada seção do site está claramente comentada para entender sua finalidade.
- Estruturação do conteúdo da página.
As principais tags HTML usadas neste projeto são:
-
<!DOCTYPE html>
: Define o tipo de documento HTML e sua versão. Documentação -
<html>
: O elemento raiz que engloba todo o conteúdo da página. Documentação -
<head>
: Contém metadados sobre o documento HTML, como título e metatags. Documentação -
<meta>
: Define metainformações sobre o documento, como o conjunto de caracteres usado. Documentação -
<title>
: Define o título da página que aparece na aba do navegador. Documentação -
<body>
: Contém todo o conteúdo visível da página. Documentação -
<h1>
,<h2>
,<p>
: São cabeçalhos e parágrafos usados para estruturar o texto. Documentação h1, Documentação h2, Documentação p -
<nav>
: Define uma seção de navegação. Documentação -
<ul>
,<li>
: Criam listas não ordenadas.<ul>
define a lista e<li>
os itens da lista. Documentação ul, Documentação li -
<a>
: Cria links para outras páginas ou recursos. Documentação -
<strong>
,<u>
: Aplicam ênfase (negrito) e sublinhado ao texto, respectivamente. Documentação strong, Documentação u
Para a definição de estilos em CSS, a regra div { width: 700px; }
é usada para definir a largura da div
que envolve todo o conteúdo da página, limitando-a a 700px.
- HTML
- CSS (somente para manter o width) - A definição de largura da div em
style.css
é usada para definir a largura da div que envolve todo o conteúdo da página, limitando-a a 700px.
Este projeto é distribuído sob a licença MIT. Consulte o arquivo LICENSE para obter mais detalhes.
Sinta-se à vontade para explorar minha solução para o desafio e use-a como referência se você estiver enfrentando um desafio semelhante na formação da DIO. Espero que isso seja útil!
Boa sorte em seus estudos! 📚