¿Cómo establecer la fecha y la hora en que se eliminó el texto usando HTML?

La etiqueta <del> en HTML significa eliminar y se utiliza para marcar una parte del texto que se ha eliminado del documento. Los navegadores web representan el texto eliminado como texto tachado, aunque esta propiedad se puede cambiar mediante la propiedad de decoración de texto CSS. La etiqueta <del> requiere una etiqueta inicial y otra final.

El atributo de fecha y hora <del> se utiliza para especificar la fecha y la hora del texto eliminado.

Sintaxis:

<del datetime=""> Contents... </del>

Valores de atributo: este atributo contiene un valor único AAAA-MM-DDThh:mm:ssTZD que se utiliza para especificar la fecha y la hora en que se eliminó el texto.

La explicación de los componentes de fecha y hora se enumeran a continuación:

  • YYYY: Establece el año del objeto de fecha y hora (por ejemplo, 2009).
  • MM: Establece el mes del objeto de fecha y hora (por ejemplo, 05 para marzo).
  • DD: Establece el día del mes del objeto datetime (por ejemplo, 04).
  • T: Es un separador requerido.
  • hh: establece la hora del objeto datetime (por ejemplo, 18 para las 06:00 p. m.).
  • mm: Establece los minutos del objeto datetime (por ejemplo, 34).
  • ss: establece los segundos del objeto datetime (por ejemplo, 40).
  • TZD: designador de zona horaria (Z denota zulú, también conocido como hora media de Greenwich)

Ejemplo:

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        How to specify the date and time
        when the text was deleted?
    </title>
 
    <style>
        del {
            color: red;
        }
 
        ins {
            color: green;
        }
    </style>
</head>
 
<body style="text-align:center">
 
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
 
    <h3>
        How to specify the date and time
        when the text was deleted?
    </h3>
 
     
     
<p>
        GeeksforGeeks is a <del
        datetime="2018-11-21T15:55:03Z">
        mathematical</del> <ins>computer</ins>
        science portal
    </p>
 
 
</body>
 
</html>

Producción:

Navegadores compatibles:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por vkash8574 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *