Scribd
Carregar
3 visualizações1 página

Tags HTML

O documento descreve as principais tags HTML e suas funções, destacando a estrutura básica com <html>, <head> e <body>, além de tags para títulos, texto e conteúdo semântico do HTML5. As tags semânticas, como <header>, <nav>, <main> e <footer>, são enfatizadas por sua importância na acessibilidade e SEO. Também são abordadas tags para multimídia, listas e formulários, essenciais para a criação de páginas web interativas.

Enviado por

nicolitajaime120
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
3 visualizações1 página

Tags HTML

O documento descreve as principais tags HTML e suas funções, destacando a estrutura básica com <html>, <head> e <body>, além de tags para títulos, texto e conteúdo semântico do HTML5. As tags semânticas, como <header>, <nav>, <main> e <footer>, são enfatizadas por sua importância na acessibilidade e SEO. Também são abordadas tags para multimídia, listas e formulários, essenciais para a criação de páginas web interativas.

Enviado por

nicolitajaime120
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

Principais tags html e suas funções

As principais tags HTML estruturam e definem o conteúdo de uma página web, com foco
em semântica. Essenciais incluem <html>, <head>, <body>, além de tags de conteúdo
como <h1> <h6> (títulos), <p> (parágrafo), <a> (links), <img> (imagens), e tags
estruturais semânticas do HTML5 como <header>, <nav>, <main>, e <footer>.

1. Estrutura Básica
 <html>: Define a raiz do documento HTML.
 <head>: Contém metadados, título e links para scripts/CSS (não visível
diretamente na página).
 <body>: Contém todo o conteúdo visível, como textos, imagens e links.

2. Títulos e Texto
 <h1> a <h6>: Definem títulos e subtítulos. <h1> é o principal e deve ser único por
página, enquanto <h6> é o de menor importância.
 <p>: Define um parágrafo.
 <a>: Cria hiperlinks, permitindo navegar entre páginas ou para links externos.
 <span>: Tag inline usada para agrupar elementos de texto e aplicar estilos com
CSS.
 <div>: Define uma divisão ou container de bloco para agrupar outros elementos.

3. Estrutura Semântica (HTML5)


 <header>: Define um cabeçalho para um documento ou seção.
 <nav>: Define uma seção de links de navegação.
 <main>: Define o conteúdo principal da página.
 <section>: Define uma seção genérica no documento.
 <article>: Define um conteúdo independente e autocontido.
 <aside>: Define conteúdo relacionado, geralmente uma barra lateral.
 <footer>: Define o rodapé de um documento ou seção.

4. Conteúdo Multimídia e Listas


 <img>: Exibe uma imagem, utilizando o atributo src para o caminho e alt para
descrição.
 <ul>: Cria uma lista não ordenada (com marcadores).
 <ol>: Cria uma lista ordenada (numerada).
 <li>: Define um item dentro de uma lista (<ul> ou <ol>).

5. Formulários
 <form>: Define um formulário para coletar dados do usuário.
 <input>: Define um campo de entrada de dados (texto, senha, radio, checkbox).
 <button>: Cria um botão clicável.
O uso correto dessas tags, especialmente as semânticas, melhora a acessibilidade e o
rankeamento nos motores de busca.

Você também pode gostar