Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/niel0503/desafio6-elasnatech

Desafio ElasNaTech criado para praticar Html e Css
https://github.com/niel0503/desafio6-elasnatech

css3 html5

Last synced: 3 days ago
JSON representation

Desafio ElasNaTech criado para praticar Html e Css

Awesome Lists containing this project

README 

        
# Desafio6-ElasNaTech 🚀



Página web criada para praticar Html e Css.



## Dentro da estrutura HTML use os seguintes elementos:



- h  (Cabeçalhos): Os elementos h1, h2, h3, h4, h5 e h6 são cabeçalhos usados ​​para exibir títulos e subtítulos em uma página da web. h1 é o título principal e h6 é o nível mais baixo do subtítulo.



- p  (Parágrafos): O elemento p é usado para definir parágrafos de texto em uma página web. O conteúdo dentro deste elemento é exibido como um bloco de texto separado do restante do conteúdo.



- section (Seções): O elemento section é usado para agrupar conteúdo relacionado em uma página da web. Ajuda a estruturar e organizar o conteúdo em partes significativas.



- div (Divisão): O elemento div é usado para criar um contêiner genérico que agrupa e estiliza seções de conteúdo. É amplamente utilizado na estrutura e design de uma página.



- hr (Linha Horizontal): O elemento hr é usado para criar uma linha horizontal para separar o conteúdo em seções. Freqüentemente usado para marcar alterações no tema ou apresentação.



- nav (Navegação): O elemento nav é usado para definir uma seção de navegação na página. Geralmente contém links ou elementos de navegação que levam a outras partes da página ou a páginas externas.



- ul (lista não ordenada): O elemento ul é usado para criar listas não ordenadas. Contém elementos li (elementos de lista) que representam os elementos da lista.



- ol (lista ordenada): O elemento ol é usado para criar listas ordenadas. Assim como ul, contém elementos li que representam os elementos da lista, mas neste caso são numerados automaticamente.



- a (Link): O elemento a é usado para criar links para outras páginas ou recursos online. É definido usando o atributo href, que especifica o endereço para o qual o link deve apontar. Ele pode conter texto ou elementos dentro dele.



## Dentro da estrutura CSS use as seguintes propriedades:



- Background: define o plano de fundo de um elemento, seja uma cor sólida, uma imagem ou uma combinação de ambos.



- font-family: Define a família de fontes a ser usada para o texto em um elemento. Pode ser um nome de fonte específico ou uma lista de fontes alternativas.



- color: Define a cor do texto em um elemento. Pode ser uma cor no formato do nome, código hexadecimal ou valor RGB.



- text-align: Controla o alinhamento horizontal do texto dentro de um elemento, como "esquerda", "centro", "direita" ou "justificar".



- margem: Define o espaço externo ao redor de um elemento. Você pode ter até quatro valores para especificar as margens superior, direita, inferior e esquerda.



- border-radius: Define o raio dos cantos arredondados de um elemento. É usado para suavizar cantos e criar um belo efeito visual.



- font-size: Determina o tamanho da fonte usada no conteúdo de um elemento. Pode ser especificado em diferentes unidades como pixels, em, rem, etc.



- decoração de texto: Define a decoração do texto, como sublinhado, tachado ou nenhum.



- list-style-type: Controla o estilo do marcador ou numeração nas listas (ul e ol). Pode ser “disco” (pontos), “círculo” (círculos), “quadrado” (quadrados), “decimal” (números) e muito mais.



  



  ## Desenvolvedora



Ninoska Contreras



[![Github Badge](https://img.shields.io/badge/-Github-000?style=flat-square&logo=Github&logoColor=white&link)](https://github.com/NiEl0503) [![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=flat-square&logo=Linkedin&logoColor=white&link)](https://www.linkedin.com/in/ninoska-contreras-86b075129)





  Ferramentas e tecnologias utilizadas: