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: <[Link]
com-html5-e-css3/37205>. Acesso em: 7 abr. 2022.
Div. Disponível em: <[Link]
Acesso em: 7 abr. 2022.
header (cabeçalho). Disponível em:
<[Link] Acesso em: 7 abr.
2022.
HTML address tag. Disponível em: <[Link]
Acesso em: 7 abr. 2022.
HTML article tag. Disponível em: <[Link]
Acesso em: 7 abr. 2022.
HTML aside tag. Disponível em: <[Link] Acesso
em: 7 abr. 2022.
HTML nav tag. Disponível em: <[Link] Acesso
em: 7 abr. 2022.
HTML section tag. Disponível em: <[Link]
Acesso em: 7 abr. 2022.
Main. Disponível em:
<[Link] Acesso em: 7 abr.
2022.
[Link] containers. Disponível em:
<[Link] Acesso em: 7 abr. 2022.