Aprenda sobre Texto Inserido em HTML

Introdução

Em HTML, a tag <ins> é usada para indicar que um texto específico foi inserido ou adicionado a uma página web. É útil para mostrar alterações ou atualizações feitas em qualquer documento web ou página web. Neste laboratório, exploraremos o uso e a funcionalidade da tag <ins>.

Nota: Você pode praticar a codificação em index.html e aprender Como Escrever HTML no Visual Studio Code. Por favor, clique em 'Go Live' no canto inferior direito para executar o serviço web na porta 8080. Em seguida, você pode atualizar a aba Web 8080 para visualizar a página web.

Este é um Lab Guiado, que fornece instruções passo a passo para ajudá-lo a aprender e praticar. Siga as instruções cuidadosamente para completar cada etapa e ganhar experiência prática. Dados históricos mostram que este é um laboratório de nível iniciante com uma taxa de conclusão de 100%. Recebeu uma taxa de avaliações positivas de 100% dos estudantes.

Sintaxe Básica

A tag <ins> requer uma tag de início (abertura) e uma tag de fim (fechamento). A sintaxe básica é a seguinte:

<ins> Inserted text </ins>

Exemplo

Vamos dar uma olhada em um exemplo que demonstra o uso da tag <ins>.

<!doctype html>
<html>
  <head>
    <title>Example of <ins> Tag</title>
  </head>
  <body>
    <p>HTML stands for Hypertext Markup Language.</p>
    <p>
      HTML is the basic building block of any webpage. It is used with CSS and
      Javascript to create interactive web pages.
    </p>
    <p><ins>HTML5 is the latest version of HTML</ins></p>
  </body>
</html>

Neste exemplo, temos dois parágrafos de texto e a última linha está na tag <ins> para mostrar que o texto foi inserido ou adicionado ao texto original.

Usando Atributos

A tag <ins> não possui atributos específicos, mas possui dois atributos que são frequentemente usados junto com os atributos globais e de evento usuais. Os dois atributos usados com a tag <ins> são:

cite: Este atributo é usado para especificar uma URL que indica o motivo pelo qual o texto foi atualizado ou alterado.
datetime: Este atributo é usado para especificar a data e hora da última atualização no texto. O formato de datetime é YYYY-MM-DDThh:mm:ssTZD.

<p>
  <ins
    cite="https://en.wikipedia.org/wiki/HTML5"
    datetime="2022-09-15T08:00:00Z"
    >HTML5 is the latest version of HTML</ins
  >
</p>

Configurações CSS Padrão

Por padrão, a maioria dos navegadores usa as seguintes configurações CSS para a tag <ins>:

<style>
  ins {
    text-decoration: underline;
  }
</style>

Resumo

Neste laboratório, aprendemos sobre o uso e a funcionalidade da tag <ins> em HTML. Ela é usada para indicar que o texto foi inserido ou adicionado a uma página web. Exploramos a sintaxe básica, exemplos, atributos e as configurações CSS padrão para a tag <ins>.