Principais Tags HTML – parte 2

Publicado por Wagner Cardoso em fevereiro 4, 2022

Olá Pessoal.
Vamos continuar a listar pra vocês as principais tags HTML.

Para quem perdeu a primeira parte desta publicação, veja em Principais Tags HTML.
Essa lista serve como base para iniciantes e estudantes na área de Desenvolvimento Front-End e afins.


Vejam a TAG e sua DESCRIÇÃO

Conteúdo Textual
Use os elementos HTML de conteúdo textual para organizar blocos ou seções, esses elementos identificam o propósito ou a estrutura do conteúdo.

<blockquode>

O elemento <blockquode> indica que o texto incluído é uma longa citação. Normalmente, este é processado visualmente pelo recuo.


<div>

O elemento de divisão <div> é um contêiner genérico para conteúdo. Ele deve ser utilizado somente quando não tiver outro elemento de semântica (tal como article ou nav).

<dl>

O HTML Definition List <dl> engloba uma lista de pares de termos e termos. Um uso comum para este elemento é para implementar um glossário.

<figure>

O elemento <figure> representa o independente, frequentemente com uma legenda e é referido como uma unidade única.

<hr>

O elemento <hr> representa uma quebra temática entre os elementos de nível de parágrafo. Nas versões anteriores do HTML, representa uma linha horizontal. Pode continuar sendo exibido como uma linha horizontal nos navegadores, mas agora está definida em termos semânticos, em vez de termos de apresentação.

<li>

O elemente <li> é usado para representar um item que faz parte de uma lista. Este item deve estar contido em um elemento pai: uma lista ordenada (ol), uma lista desordenada (ul) ,ou um menu (menu).

<ol>

O elemento <ol> (ou Elemento HTML de lista ordenada) representa uma lista de itens ordenados. A característica desses itens ordenados em uma lista são mostradores com uma contagem que os precede.

<p>

Este elemento representa um parágrafo. Em letras visuais, separados por letras, como os blocos identificados em branco.

<pre>

HTML texto pré-formatado <pre> é uma tag utilizada para representar o texto pré-formatado. Um texto dentro desse elemento é exibido em uma fonte não proporcional da mesma maneira que o texto original foi disposto no arquivo. Espaços em branco são pequenos no texto da mesma forma em que este foi digitado.

<ul>

O elemento <ul> ( HTML de Lista de itens da lista representa um elemento sem ordem de ordem rígida, ou seja, uma lista.


Semânticas Textuais Inline
Usa-se a semântica textual inline para definir o significado, estrutura, ou estilo de uma palavra, linha, ou de qualquer outro tipo de texto.

<a>

O elemento <a> em HTML (ou elemento âncora), com o atributo hrefcria-se uma hiperligação nas páginas web, arquivos, endereços de ligações, na mesma página ou endereços na URL (links).

<b>

O elemento <b> representa bold e tem a função de enfatizar o local marcado como negrito. Não tem função semântica, apenas visual.

<br>

Este elemento quebra-de-linha <br> produz uma quebra de linha em um texto.

<code>

O elemento <code> apresenta seu conteúdo estilizado de maneira a indicar que o texto é um pequeno fragmento de código.

<em>

O elemento <em> marca o texto que tem ênfase.

<i>

O elemento <i> representa uma parte do texto que é destacada do restante, conhecido como “itálico” normalmente.

<span>

O elemento <span> é um contêiner genérico em linha para conteúdo fraseado. Ele pode ser usado para agrupar elementos para fins de estilo.

<strong>

Este elemento exibe o texto como negrito, porém tem funções semânticas.

<time>

O elemento <time> representa o tempo tanto no formato de 24 horas ou como uma data precisa no calendário Gregoriano (com informações de tempo e fuso horário).

Imagem e Multimídia
HTML suporta vários recursos multimídia como imagens, áudio e vídeo.

<area>

O elemento <area> define uma região hot-spot em uma imagem, e, opcionalmente, associa-lo com um Hyperlink.

<audio>

O elemento <audio> é utilizado para embutir o conteúdo de um documento HTML.

<img>

O elemento <img> (ou HTML Image Element ) representa a inserção de imagem no documento.

<video>

O elemento <video> representa a inserção de vídeo no documento.

Conteúdo Integrado
Além do normal de multimídia, o HTML pode incluir uma variedade de conteúdos, embora nem todos os conteúdos possuam outros objetos de facilidade de interação.

<embed>

O elemento <embed> incorpora conteúdo externo no ponto especificado no documento. Este conteúdo é fornecido ou outra fonte de conteúdo interativo, como um navegador externo.

<iframe>

O elemento <iframe> (ou elemento HTML inline frame) representa um contexto de navegação aninhado, efetivamente incorporando outra página HTML para a página atual.

<source>

O elemento <source> é utilizado para especificar recursos de mídia de elementos picture, audio ou video em HTML5. É um elemento vazio. É normalmente usado para disponibilizar vários formatos suportados por diferentes navegadores.

Script
Com o intuito de permitir a criação de conteúdo com aplicações Web, HTML foi projetado com suporte a ferramentas de scripting, sendo mais proeminente sendo JavaScript. Certos elementos suportam essa capacidade.

<canvas>

O elemento <canvas> pode ser utilizado para desenhar gráficos usando scripts (geralmente JavaScript ). Por exemplo, além de desenhar gráficos, ele pode ser usado para fazer composições de fotos e também para animações. Você poderá colocar conteúdos alternativos dentro do bloco.

<noscript>

O elemento <noscript> define uma seção de html a ser inserido se um tipo de script não é suportado pela página ou se o script está desativado no navegador.

<script>

O elemento <script> é usado para incluir ou referenciar um script executável.

Quer saber mais? Continue nos acompanhando, na próxima semana vamos finalizar esta super lista, muito útil para os seus estudos e trabalho!

Esta é uma publicação de Wagner Cardoso da TecTreinamentos Informática. Na Workover Academy o Prof. Wagner tem 8 cursos publicados! Aí vai uma dica de curso do Prof. Wagner: Front End – Desenvolvimento de Sites Responsivos.

Wagner Cardoso

Sou Profissional na área de Tecnologia e também apaixonado por jogos e cinema. Formado em Análise e Desenvolvimento de Sistemas e Pós – Graduado em Docência para Ensino Superior. Possuo Certificação Microsoft Office Specialist (MOS) e trabalho com soluções computacionais já há mais de 17 anos. Desde 2012 atuo em uma ONG na Cidade de São Paulo – Brasil, onde sou Técnico Especializado e ministro aulas para turmas presenciais na área de Informática. Me dedico ao empreendedorismo digital acreditando na democratização do conhecimento por intermédio da internet. Tenho grande prazer em poder ensinar, transmitir conhecimento e claro, participar do crescimento das pessoas.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *