Parte 7 del HTML de aprendizaje: Cómo hacer publicaciones con subrayados y rayas en HTML

En este material, discutiré sobreformatear el texto que sirve para subrayar y tachar el texto. Para crear texto subrayado, use el par de etiquetas . Luego, para el texto tachado como "~~garabatear~~", Se utilizan tres etiquetas para este tipo de formatoEste texto es la etiqueta <strike>, la etiqueta <s> y la etiqueta <del>. Las tres etiquetas que muestran el texto tachado ciertamente tienen diferencias que se explicarán a continuación.

Como dije antes de esoHay dos elementos en el formato, a saber, el formato lógico y el formato físico. El formato físico se utiliza para formatear texto en características de texto, mientras que el formato lógico es formatear texto de acuerdo con el contenido o el contenido del texto. Las etiquetas , <s>, <strike> y <del> son el grupo de formato físico.

Para una discusión más profunda, consideremos la explicación del texto con el subrayado y el garabato a continuación:

A. Escribir con el resultado final

Como se mencionó anteriormente, ustedpuede usar la etiqueta para el formato de subrayado. Donde la etiqueta indica el comienzo del texto subrayado y la etiqueta indica el final del texto subrayado.

El siguiente es un ejemplo del uso de la etiqueta :

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Garis Bawah di HTML</title>
</head>
<body>
<u>Tulisan Ini Digaris Bawahi</u>
</body>
</html>

Después de abrir en el navegador, los resultados se verán como la imagen a continuación:

Básicamente, la etiqueta solo es compatible con HTML 4.01 y no es compatible con HTML5. La razón es porque la etiqueta ya se puede reemplazar usando CSS decoración de texto: subrayado.

Aquí hay un ejemplo del uso de CSS para subrayar el texto:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Garis Bawah di HTML</title>
<style type="text/css">
h4{
text-decoration: underline;
}
</style>
</head>
<body>
<h4>Tulisan Ini Digaris Bawahi</h4>
</body>
</html>

Después de abrir en el navegador, los resultados se verán como la imagen a continuación:

B. Publicaciones con garabatos

Para hacer el efecto de escritura tachado en el textopuede usar las etiquetas <s>, <strike> y <del>. Donde las tres etiquetas se muestran en la misma forma en el navegador, es decir, el texto está tachado. Aquí hay un ejemplo del uso de estas tres etiquetas:

<html>
<head>
<title>Teks dengan Coretan di HTML</title>
</head>
<body>
<s>Lihat Ini Tulisannya Dicoret</s><br>
<strike>Lihat Ini Tulisannya Dicoret</strike><br>
<del>Lihat Ini Tulisannya Dicoret</del><br>
</body>
</html>

Después de abrir en el navegador, los resultados se verán como la imagen a continuación:

cómo hacer que la escritura se tache en html

Visto desde la imagen de arriba, visualmente ennavegador no hay absolutamente ninguna diferencia entre los tres, pero en términos de uso y significado tienen diferencias. Primero, la etiqueta <s> es una abreviatura de Tachado que hace que el texto se tache. En HTML 4.01, tachar texto con la etiqueta <s> no contiene ningún significado, es solo una forma de formato de texto que muestra texto con tachado. Mientras que en HTML5, la etiqueta <s> se usa para definir el texto a corregir (ya no es correcto).

En segundo lugar, las etiquetas del y strike funcionan juntaspara mostrar el texto tachado en el sentido de que el texto es incorrecto o eliminado. Tercero, de hecho, las etiquetas del y strike tienen la misma función, la diferencia es que las etiquetas de strike que se originan en HTML 4.0.1 ya no son compatibles con HTML5 porque ya se consideran obsoletas (no se recomienda su uso y es posible que los navegadores web no las admitan). Mientras tanto, la etiqueta <del> todavía es compatible con HTML5.

El elemento <del> tiene varios atributos que incluyen:

Atributo	Función
Fecha y hora	Especifica la fecha y hora en que se tachó o eliminó el texto
Citar	Especifica la URL de un documento que explica por qué el texto fue eliminado o tachado

En CSS, la mayoría de los navegadores muestran los elementos <s> y <del> con valores fijos, es decir. decoración de texto: line-through.

Ahora debes haber entendido la funciónde las etiquetas descritas anteriormente. El siguiente tutorial HTML trata sobre el uso de superíndice, subíndice, elementos de texto pequeños y marcados para obtener más información sobre el formato de texto en HTML.

Leer más: