Cómo hacer texto en cursiva en HTML
El lenguaje de marcado de hipertexto (HTML) es un lenguaje front-end utilizado para diseñar y desarrollar un sitio web. HTML es el lenguaje básico de todos los idiomas utilizados para diseñar páginas web estáticas o dinámicas. HTML tiene muchas funciones que se requieren en el diseño. Con la ayuda de las etiquetas, los comandos escritos en los soportes angulares, se diseña una página web. HTML permite al usuario crear o editar texto, imagen o cualquier otro elemento como cualquier editor de texto, i.mi., Microsoft Word. Los contenidos de HTML son texto, imagen, color, diseño, etc. El diseño es una parte muy importante, ya que es responsable de decorar el texto. Hacer la cursiva de texto es un ejemplo de diseño del texto. Este elemento es importante para enfatizar o impulsar la atención del usuario. Algunos de los ejemplos se destacan en este tutorial.
Lo esencial requerido
HTML requiere dos herramientas para el diseño y el desarrollo de un sitio web. Uno es un editor de texto que se requiere para escribir el código HTML en él. Puede ser cualquier editor de texto en su acceso, yo.mi., bloc de notas, bloc de notas ++, sublime, visual studio, etc. El segundo es un navegador en su computadora, Google Chrome, Internet Explorer, etc. En este artículo, hemos usado Notepad y Google Chrome. Para diseñar la página estática, necesita HTML y para diseñar la hoja de estilo CSS. Cada uno de ellos se usa en esta guía con ejemplos.
Formato HTML
Para explicar el diseño del texto en cursiva, primero entendemos el código de HTML. El código HTML tiene dos partes. Uno es la parte de la cabeza y otra en el cuerpo. Incluimos el título en la parte principal; Este nombre de título es en realidad el título de la página. El estilo interno también se realiza dentro del cuerpo de la cabeza. Mientras que el cuerpo contiene todas las demás etiquetas relacionadas con texto, imagen y color, etc. Además, lo que desee agregar a la página HTML está escrita en la parte del cuerpo del código HTML.
…
… .
La imagen a continuación es un código de muestra de HTML. Puede ver que el nombre del título está escrito dentro de la parte del cabeza. Al mismo tiempo, hemos agregado un párrafo en el cuerpo de HTML usando la etiqueta
. entonces la etiqueta del cuerpo y las etiquetas HTML están cerradas.
La salida de esta muestra se ve en el navegador. Puede ver que el nombre del título se muestra en el nombre de la pestaña, que hemos declarado en el cabezal del código HTML.
HTML tiene etiquetas de apertura y cierre para todas las etiquetas escritas dentro de su cuerpo. Una vez que se abre el código, debe cerrarse después de escribir texto entre él. La etiqueta está cerrada con el corte en ella. Luego se guarda el código en el archivo de notas. Una cosa que debe tenerse en cuenta es que, mientras se guarda el código, 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.
Este era el fondo del diseño en HTML. Ahora usaremos un ejemplo simple para hacer que el texto en cursiva.
Ejemplo 1
Tome un archivo de bloc de notas y escriba el código HTML simple como se describe anteriormente en esta guía. Agregue un párrafo de dos líneas en la porción del cuerpo. Para hacer el texto en cursiva. Usa la etiqueta Al comienzo de las palabras que quieres estar en forma cursiva
…Esta es la etiqueta para en cursiva el texto. Como puede ver en la imagen de abajo, el ¿Está la etiqueta de apertura escrita al inicio y es la etiqueta de cierre. Cierre el cuerpo y html.
Ahora guarde el archivo y ejecutarlo en el navegador para ver la salida del archivo.
Desde la salida, puede observar que la oración que hemos hecho en cursiva en el código está en forma cursiva, mientras que la primera oración apareció en un formato normal.
Ejemplo 2
En este ejemplo, haremos una palabra específica en forma cursiva en lugar de la oración completa del texto. Las etiquetas de apertura y cierre se usan en todo el párrafo, donde quiera que el texto sea cursiva en la oración.
Ahora, una vez más, guárdelo y luego ejecute en el navegador. Puede ver que una parte específica del texto está en forma cursiva que queremos hacer en cursiva en el código.
Ejemplo 3
Además de usar el Etiqueta en el texto, existe otro método para hacer el texto en forma cursiva. Este es el enfoque para enfatizar una parte del texto. Esta etiqueta también tiene etiquetas de apertura y cierre. La sintaxis utilizada para ella es;
… .El texto está escrito entre las dos etiquetas; En este ejemplo, hemos usado esta etiqueta dos veces en el párrafo. Veamos la imagen del código colocado a continuación.
En ambas oraciones, hemos usado Una vez en el párrafo. La salida se obtiene ejecutando el archivo HTML en el formato del navegador.
Ejemplo 4
Este es el ejemplo en el que hemos utilizado otro enfoque para mostrar las palabras en forma cursiva. Implica el uso de en el texto. En este ejemplo, hemos aplicado esta etiqueta a todo el texto escrito en el cuerpo de HTML.
…Después de cerrar todas las etiquetas, ejecute el archivo en el navegador.
Ejemplo 5
Hasta ahora, hemos discutido el estilo en línea del texto. Hacer una forma de texto en cursiva también se refiere al estilo y el diseño del texto. El estilo es de tres tipos. Uno está en línea, el segundo es interno y el tercero es externo. El estilo en línea se realiza dentro de la etiqueta. Interno está escrito dentro del cuerpo de la cabeza. Y el estilo externo se realiza en otro archivo con la extensión de .CSS.
Este es un ejemplo de CSS en línea; Aquí, hemos escrito el código dentro de las etiquetas del párrafo. Hemos declarado la declaración de estilo como estilo fuente como en cursiva. Esta declaración está escrita dentro de la etiqueta, por lo que no tendrá ninguna etiqueta de cierre, como puede ver en la imagen de arriba. Ahora cierre todas las etiquetas y ejecutarlas en el navegador. Muestra los mismos resultados que hemos deseado.
Ejemplo 6
Después de la línea, ahora agregaremos el ejemplo de estilo interno. Aquí se agrega una clase dentro de la parte de la cabeza. Entonces el nombre de la clase se declara dentro de la etiqueta del párrafo en el cuerpo del HTML. Para que sea fácilmente accesible.
Puede ver que la clase se inicializa con el método DOT. Hay dos párrafos en el código; Hemos aplicado este estilo a uno de ellos. Entonces es útil cuando queremos formatear un párrafo.
La declaración de clase dentro del párrafo es;
Esto accederá a la clase en la cabeza. Ahora vea la salida. Observará que uno de los párrafos está en forma de cursiva.
Conclusión
Este artículo representa el formato de texto en forma cursiva. El diseño de texto es una parte esencial del diseño de una página web.