En este artículo, crearemos un texto subrayado usando la etiqueta <u> en el documento. Significa subrayar y se usa para subrayar el texto encerrado dentro de la etiqueta <u> . Esta etiqueta se usa generalmente para subrayar palabras mal escritas. Esta etiqueta requiere una etiqueta inicial y otra final.
Sintaxis:
<u> Contents... </u>
Ejemplo 1: este ejemplo usa la etiqueta <u> para crear un texto subrayado.
html
<!DOCTYPE html>
<html>
<head>
<title>
How to underline a text
content using HTML?
</title>
<style>
body {
text-align: center;
}
.gfg {
font-size: 40px;
font-weight: bold;
color: green;
}
.geeks {
font-size: 25px;
font-weight: bold;
}
p {
font-size: 20px;
}
</style>
</head>
<body>
<div class="gfg">
GeeksforGeeks
</div>
<div class="geeks">
HTML5: How to underline a text
in an HTML document
<p>
GeeksforGeeks: A <u>computer
science</u> portal for geeks
</p>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo es una forma alternativa de la etiqueta <u> para subrayar el texto. En este ejemplo, usaremos la propiedad de decoración de texto CSS para subrayar el contenido del texto.
html
<!DOCTYPE html>
<html>
<head>
<title>
How to underline a text
content using HTML?
</title>
<style>
body {
text-align: center;
}
.gfg {
font-size: 40px;
font-weight: bold;
color: green;
}
.geeks {
font-size: 25px;
font-weight: bold;
}
p {
font-size: 20px;
}
span {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="gfg">
GeeksforGeeks
</div>
<div class="geeks">
HTML5: How to underline a
text in an HTML document
<p>
GeeksforGeeks: A <span>
computer science</span>
portal for geeks
</p>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA