Cómo subrayar el texto en HTML

El lenguaje de marcado de hipertexto (HTML) es un lenguaje que diseña el front-end de cualquier sitio web, que puede ser estático o dinámico. Los sitios web que están presentes en Internet y se construyen en línea como Magento y WordPress también trabajan en los principios básicos de HTML. Al igual que otros lenguajes de programación, HTML también tiene comandos conocidos como etiquetas, y estas etiquetas están escritas en soportes angulares. Como cualquier otro editor de texto, HTML también permite agregar texto, imágenes, videos o cualquier otro elemento en el código. El contenido básico de HTML es el texto. HTML incluye muchas funciones para aplicar al texto para mejorar la característica del diseño. Subrayar el texto es un uso básico e importante de características para diseñar el texto de acuerdo con la demanda y los requisitos del sitio web. Si el texto está subrayado, tiene algo diferente para mostrar o tiene un impacto diferente en el lector. Arrojaremos luz sobre parte del contenido de subrayar el texto en esta guía.

Lo esencial requerido

Hay dos herramientas básicas utilizadas para la implementación del código HTML son:

• Un editor de texto
• Un navegador

Se utilizan dos software; uno se usa como entrada y el otro como salida. Escribimos el código en una herramienta, y desde la otra, podemos ver la salida. Un editor de texto toma el código. Por defecto, Window tiene un editor del bloc de notas, para que lo usemos en nuestro tutorial. Un navegador es una plataforma que se requiere para ejecutar el archivo HTML en él. Por defecto, Windows tiene un Internet Explorer para ejecutar los archivos de texto. Además, necesitamos etiquetas HTML y CSS para lograr esta tarea.

Formato y sintaxis

El concepto de subrayar el texto puede ser posible conociendo la funcionalidad básica y las características de HTML. El cuerpo HTML se divide en dos partes. Uno es la cabeza y el segundo es el cuerpo. La parte de la cabeza está escrita primero; En esa parte, incluimos el título de la página web. Este título es visible cuando ejecutamos la página HTML en el navegador. El estilo interno también se introduce dentro del cuerpo de la cabeza. Al mismo tiempo, la parte del cuerpo contiene todas las demás etiquetas, incluidos texto, imagen, etc.

HTML tiene etiquetas de apertura y cierre. Ambas etiquetas están escritas antes y después del texto. El código HTML que está escrito en los blocs de notas se guarda en las extensiones de bloc de notas y del navegador. El .La extensión TXT se guarda como código, mientras que con HTML, se guarda para el navegador. El archivo del editor de texto debe guardar con la extensión HTML. Por ejemplo, muestra.html. Luego verá que el archivo se guarda con el icono del navegador actual que está utilizando para este propósito.

La imagen a continuación es un código de muestra de HTML. En la parte principal, hemos agregado el nombre del título. Y en la parte del cuerpo, se agrega una etiqueta de párrafo.

La salida se observa a continuación en la imagen. El párrafo también se muestra de forma predeterminada sin ningún formato.

Ejemplo 1

En esta ilustración, no cambiamos nada en la cabeza. Hemos agregado un párrafo como se discute en la muestra del código HTML. El párrafo tiene tres líneas. Queremos subrayar la línea media del párrafo.

Esta etiqueta también tiene una etiqueta final como otras. Hemos usado el
Etiqueta en el párrafo, que se usa para moverse a la siguiente línea. También tiene etiquetas de apertura y finalización. Pero solo la etiqueta final también se puede usar aquí.

Ahora guarde el archivo y luego ejecute el archivo en el navegador.

Desde la salida, verá que la línea media del párrafo está subrayada por la etiqueta que hemos usado en la etiqueta HTML.

Ejemplo 2

En el primer ejemplo, hemos subrayado toda la oración. Pero en este caso, queremos dominar solo una palabra. Entonces usaremos la etiqueta subrayada con esa palabra. La sintaxis para este enfoque también es la misma. Veamos el ejemplo del código que se proporciona a continuación.

Cuando ejecutamos el código en el navegador, obtenemos el resultado así.

Ejemplo 3

Este es un ejemplo de estilo en línea. Este estilo se agrega dentro de la etiqueta del párrafo o la etiqueta de encabezado, lo que quieras formatear. En este ejemplo, tenemos que escribir el código de estilo en la etiqueta de encabezado para obtener el resultado y comprenderlo. Además, todo el texto permanece intacto.

La alineación y el formato de texto son como hacer que el texto sea en negrita, en cursiva, etc. son la mayor parte del diseño de la página web y se consideran artículos de decoración. Entonces la etiqueta contiene la declaración de decoración de texto en ella. Ahora guarde el texto y ejecute el archivo en el navegador. Desde la salida, puede ver que el encabezado está subrayado, mientras que otro texto no se debe a que hayamos aplicado el texto en línea solo en la etiqueta de encabezado.

Ejemplo 4

Este es un ejemplo de estilo interno. Esto significa que la etiqueta de estilo está escrita dentro del cuerpo de la cabeza del HTML. Se declara una clase con el nombre de un punto. Esta clase se inicializa dentro de la etiqueta de estilo. Esto se hace para que el formato se realice fácilmente accediendo a la clase. Mientras que la etiqueta de estilo y la descripción son los mismos que el CSS interno.

Todo el texto en el párrafo se subraya agregando el nombre de la clase. Ejecute el código del archivo en el navegador.

Así es como se describe la etiqueta subrayada dentro de la clase con la ayuda de la etiqueta interna.

Desde la salida, puede ver el funcionamiento de las etiquetas dentro del cuerpo HTML.

Ejemplo 5

Este es también un ejemplo de CSS interno. En el que el código de estilo escrito en el cuerpo de la cabeza es el mismo.

Aquí, subrayado es el nombre de la clase. Mientras que la etiqueta que se escribe dentro de la etiqueta para indicar el nombre de la clase es diferente de la etiqueta. No es necesario usar cada vez, por lo que usamos en lugar de .

Puedes ver la salida.

Ejemplo 6

La mayoría de las veces, desea subrayar algún texto de otra manera que una línea recta. O, en Microsoft Word, ha notado que la palabra que tiene una ortografía incorrecta está decorada con una línea subrayada. Este enfoque también tiene una declaración de clase dentro del cuerpo de la cabeza. Mientras que la clase también se introduce dentro de la etiqueta.

Puede observar que en los ejemplos anteriores, la decoración del texto está subrayada porque, por defecto, la línea subrayada es recta. Pero puedes hacer rizos en ellos para hacerlo ondulado. Sería mejor si mencionara esta etiqueta dentro de la etiqueta interna. La salida se puede mostrar en el navegador.

Producción:

Conclusión

En este artículo, se explican los ejemplos sobre subrayar el texto. Muchos enfoques se utilizan para guardar y ejecutar el archivo de texto para obtener los resultados en una página web o un sitio web.