Изучите вставленный текст в HTML

Введение

В HTML тег <ins> используется для указания того, что определенный текст был вставлен или добавлен на веб-страницу. Это полезно для показа изменений или обновлений, внесенных в любой веб-документ или веб-страницу. В этом лабораторном занятии мы будем изучать использование и функциональность тега <ins>.

Примечание: Вы можете практиковать программирование в index.html и изучить Как писать HTML в Visual Studio Code. Пожалуйста, нажмите на кнопку 'Go Live' в нижнем правом углу, чтобы запустить веб-сервис на порту 8080. Затем вы можете обновить вкладку Web 8080, чтобы просмотреть веб-страницу.

Это Guided Lab, который предоставляет пошаговые инструкции, чтобы помочь вам учиться и практиковаться. Внимательно следуйте инструкциям, чтобы выполнить каждый шаг и получить практический опыт. Исторические данные показывают, что это лабораторная работа уровня начальный с процентом завершения 100%. Он получил 100% положительных отзывов от учащихся.

Базовый синтаксис

Тег <ins> требует открывающего и закрывающего тегов. Базовый синтаксис выглядит следующим образом:

<ins> Вставленный текст </ins>

Пример

Рассмотрим пример, демонстрирующий использование тега <ins>.

<!doctype html>
<html>
  <head>
    <title>Пример тега <ins></title>
  </head>
  <body>
    <p>HTML расшифровывается как Hypertext Markup Language.</p>
    <p>
      HTML является базовым строительным блоком любой веб-страницы. Он
      используется совместно с CSS и Javascript для создания интерактивных
      веб-страниц.
    </p>
    <p><ins>HTML5 - это последняя версия HTML</ins></p>
  </body>
</html>

В этом примере у нас есть два абзаца текста, и последняя строка находится в теге <ins>, чтобы показать, что текст был вставлен или добавлен к исходному тексту.

Использование атрибутов

Тег <ins> не имеет собственных специфических атрибутов, но имеет два атрибута, которые часто используются вместе с обычными глобальными атрибутами и атрибутами событий. Два атрибута, используемые с тегом <ins>, следующие:

cite: используется для указания URL-адреса, который показывает, по какой причине текст был обновлен или изменен.
datetime: используется для указания даты и времени последнего обновления текста. Формат 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>

Стандартные настройки CSS

По умолчанию большинство браузеров используют следующие настройки CSS для тега <ins>:

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

Резюме

В этом практическом занятии мы изучили применение и функциональность тега <ins> в HTML. Он используется для указания, что текст был вставлен или добавлен на веб-страницу. Мы изучили базовый синтаксис, пример, атрибуты и стандартные настройки CSS для тега <ins>.

Вставленный текст в HTML