Skip to content

Latest commit

 

History

History
118 lines (86 loc) · 3.24 KB

3.Estruturais.md

File metadata and controls

118 lines (86 loc) · 3.24 KB

Tags Estruturais

Nesse tópico, nós vamos falar sobre as principais tags utilizadas na estrutura HTML.

Header

A tag <header> é utilizada como um contêiner que contém o conteúdo introdutório ou de navegação da sua página. O <header> pode conter os seguintes elementos:

  • Tags de cabeçalho
  • Logo
  • Seções de cabeçalho
  • Informações de autoria

Sintaxe

<header>
    <h1>He4rt Devs</h1>
    <img *src*="./img/logo.png">
</header>
  • Obs:A tag header não pode ser colocada dentro de uma tag footer, address ou dentro de outro header.

Nav

A tag <nav> é utilizada para representar uma seção da página que contém um conjunto de links de navegação.Esses links são utilizados para navegar entre outras páginas ou para outras áreas da página.

Sintaxe

<nav>
    <a *href*="home.html">Home</a>
    <a *href*="about.html">About</a>
    <a *href*="contact.html">Contact</a>
</nav>

Section

A tag <section> é utilizada para definir uma seção da página. Normalmente uma tag <section> é composta por uma tag de cabeçalho (<h1> - <h6>).

Sintaxe

<section>
    <h2>Linguagens</h2>
    <p>PHP, Javascript, Ruby</p>
</section>

<section>
    <h2>Frameworks</h2>
    <p>Laravel, NodeJS, Ruby on Rails</p>
</section>

Article

A tag <article> é utilizada para especificar um conteúdo independente ou que é destinado a ser distribuido de forma independente ou reutilizável.

Sintaxe

<article>
    <h5>PHP</h5>
    <p>É uma linguagem interpretada livre...</p>
</article>

<article>
    <h5>Javascript</h5>
    <p>É uma linguagem de programação interpretada estruturada...</p>
</article>

Aside

A tag <aside> é utilizada para especificar um conteúdo que está relacionado de forma indireta ao conteúdo que está ao seu entorno.

Sintaxe

<p>Programador é alguém que escreve, desenvolve ou faz manutenção de software em um grande sistema ou alguém que desenvolve software para uso em computadores pessoais.</p>
<aside>
    <h5>He4rt Devs</h5>
    <p>A He4rt Developers foi criada com o intuito de guiar quem deseja iniciar na área da programação.</p>
</aside>

Footer

A tag <footer> é utilizada para definir o rodapé de um documento ou de uma seção. Normalmente um rodapé contém:

  • Informações sobre o autor
  • Direitos autorais
  • Links para documentos relacionados
  • Informações de contato.

Sintaxe

<footer>
    <p>He4rt, todos os direitos reservados.</p>
    <p><a *href*="https://github.com/he4rt">Github</a></p>
</footer>

Div

A tag <div> é utilizada para definir uma divisão ou seção de uma página. A tag <div> também pode ser utilizada como um contêiner para elementos HTML.

Sintaxe

<div>
    <h2>Nossos serviços</h2>
    <p>Montagem e manutenção de computadores</p>
</div>

Tags <= Anterior | Início | Próximo => Tags de Texto