Você está na página 1de 6

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA

DO AMAZONAS - IFAM
CAMPUS AVANÇADO BOCA DO ACRE/AM
CURSO TÉCNICO EM INFORMÁTICA

RENATO DA SILVA FERREIRA

ATIVIDADE DE PESQUISA - CSS

BOCA DO ACRE - AM
2022
RENATO DA SILVA FERREIRA

ATIVIDADE DE PESQUISA - CSS

Atividade apresentado ao curso Técnico em


Informática do Instituto Federal de Educação,
Ciência e Tecnologia do Amazonas IFAM, como
requisito para obtenção de nota parcial da
disciplina.
Prof. Gilmar Gomes do Nascimento

BOCA DO ACRE - AM
2022
ATIVIDADE CSS

Dir

O elemento de divisão HTML <div> é um container genérico para conteúdo de fluxo,


que de certa forma não representa nada. Ele pode ser utilizado para agrupar elementos para
fins de estilos (usando class ou id), ou porque eles compartilham valores de atributos, como
lang. Ele deve ser utilizado somente quando não tiver outro elemento de semântica (tal como
<article> ou <nav>).

Container

A classe container adiciona um preenchimento esquerdo e direito de 16px a qualquer


elemento HTML. É a classe perfeita para usar para todos os elementos de contêiner HTML
como: <div>, <article>, <section>, <header>, <footer>, <form> e muito mais.

Address

A <address> tag define as informações de contato do autor/proprietário de um


documento ou artigo. As informações de contato podem ser um endereço de e-mail, URL,
endereço físico, número de telefone, identificador de mídia social, etc. O texto
no <address>elemento geralmente é renderizado em itálico e os navegadores sempre
adicionam uma quebra de linha antes e depois do <address>elemento.

Article

A <article>tag especifica conteúdo independente e autocontido. Um artigo deve fazer


sentido por si só e deve ser possível distribuí-lo independentemente do resto do site.
Fontes potenciais para o <article>elemento:
 Postagem no fórum
 Postagem do blog
 Notícia
Asside

A <aside>tag define algum conteúdo além do conteúdo em que é colocado. O


conteúdo de lado deve estar indiretamente relacionado ao conteúdo ao redor.
Header

O elemento HTML <header> representa um grupo de suporte introdutório ou


navegacional. Pode conter alguns elementos de cabeçalho, mas também outros elementos
como um logo, seções de cabeçalho, formulário de pesquisa, e outros.

Footer

A tag <footer> define um rodapé para um documento ou seção. Um elemento <footer>


normalmente contém:
 informações de autoria
 Informações sobre direitos autorais
 Informações de Contato
 Mapa do site
 voltar ao topo links
 documentos relacionados
Você pode ter vários elementos <footer> em um documento.

Main

O elemento <main> define o conteúdo principal dentro do <body> em seu documento


ou aplicação. Entende-se como conteúdo principal aquele relacionado diretamente com o
tópico central da página ou com a funcionalidade central da aplicação

Menu

O menu, ou barra de navegação é um elemento muito importante de qualquer website,


pois como o próprio nome já diz, é por ele que os usuários visitam todas as páginas do site e
com a ajuda do CSS podemos deixar o nosso menu de uma forma bem mais agradável.
Nav

A <nav>tag define um conjunto de links de navegação. Observe que nem todos os


links de um documento devem estar dentro de um elemento <nav>. O elemento <nav>
destina-se apenas ao bloco principal de links de navegação. Os navegadores, como leitores de
tela para usuários com deficiência, podem usar esse elemento para determinar se devem
omitir a renderização inicial desse conteúdo.

Section

A <section> tag define uma seção em um documento.


REFERÊNCIAS

ARRIGONI, R. Menu em CSS: Menu dropdown horizontal com HTML5 e CSS3.


Disponível em: <https://www.devmedia.com.br/menu-em-css-menu-dropdown-horizontal-
com-html5-e-css3/37205>. Acesso em: 7 abr. 2022.

Div. Disponível em: <https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/div>.


Acesso em: 7 abr. 2022.

header (cabeçalho). Disponível em:


<https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/header>. Acesso em: 7 abr.
2022.

HTML address tag. Disponível em: <https://www.w3schools.com/tags/tag_address.asp>.


Acesso em: 7 abr. 2022.

HTML article tag. Disponível em: <https://www.w3schools.com/tags/tag_article.asp>.


Acesso em: 7 abr. 2022.

HTML aside tag. Disponível em: <https://www.w3schools.com/tags/tag_aside.asp>. Acesso


em: 7 abr. 2022.

HTML nav tag. Disponível em: <https://www.w3schools.com/tags/tag_nav.asp>. Acesso


em: 7 abr. 2022.

HTML section tag. Disponível em: <https://www.w3schools.com/tags/tag_section.asp>.


Acesso em: 7 abr. 2022.

Main. Disponível em:


<https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/main>. Acesso em: 7 abr.
2022.

W3.CSS containers. Disponível em:


<https://www.w3schools.com/w3css/w3css_containers.asp>. Acesso em: 7 abr. 2022.

Você também pode gostar