El lenguaje de marcado de hipertexto (HTML) es un lenguaje de interfaz que se utiliza para diseñar y desarrollar un sitio web. HTML es el lenguaje básico de todos los lenguajes que se utilizan 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 etiquetas, comandos escritos entre paréntesis 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, es decir, Microsoft Word. Los contenidos de HTML son texto, imagen, color, diseño, etc. El diseño es una parte muy importante ya que se encarga de decorar el texto. Poner el texto en cursiva es un ejemplo de cómo diseñar el texto. Este elemento es importante para enfatizar o llamar la atención del usuario. Algunos de los ejemplos se destacan en este tutorial.
Esenciales obligatorios
HTML requiere dos herramientas para el diseño y 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, es decir, 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 utilizado el bloc de notas 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 utiliza 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 otro en el cuerpo. Incluimos el título en la cabecera; este nombre de título es en realidad el título de la página. El peinado interno también se realiza dentro del cuerpo de la cabeza. Mientras que el cuerpo contiene todas las demás etiquetas relacionadas con el texto, la imagen y el color, etc., además, todo lo que desee agregar a la página html está escrito en la parte del cuerpo del código html.
< html >
< cabeza >…</ cabeza >
< cuerpo >….</ cuerpo >
</ html >
La siguiente imagen es un código de muestra de HTML. Puede ver que el nombre del título está escrito dentro de la parte del encabezado. Al mismo tiempo, hemos agregado un párrafo en el cuerpo de html usando la etiqueta.
. luego se cierran la etiqueta del cuerpo y las etiquetas html.
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 encabezado 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, se debe cerrar después de escribir texto entre ellos. La etiqueta se cierra con la barra inclinada. Luego, el código se guarda en el archivo del bloc de notas. Una cosa que debe tenerse en cuenta es que al guardar el código, el archivo del editor de texto debe guardarse con la extensión html. Por ejemplo, sample.html. luego verá que el archivo se guarda con el icono del navegador actual que está utilizando para este propósito.
Este fue el trasfondo del diseño en html. Ahora usaremos un ejemplo simple para poner 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. Agrega un párrafo de dos líneas en la parte del cuerpo. Para poner el texto en cursiva. Usa la etiqueta al comienzo de las palabras desea que estén en cursiva
< I > ……</ I >Esta es la etiqueta para poner el texto en cursiva. Como puede ver en la imagen de abajo, el es la etiqueta de apertura escrita al principio y es la etiqueta de cierre. Cierre el cuerpo y html.
Ahora guarde el archivo y ejecútelo en el navegador para ver el resultado del archivo.
De la salida, puede observar que la oración que hemos puesto en cursiva en el código está en forma de cursiva, mientras que la primera oración apareció en un formato normal.
Ejemplo 2
En este ejemplo, crearemos una palabra específica en cursiva en lugar de la oración completa del texto. Las etiquetas de apertura y cierre se utilizan en todo el párrafo, siempre que queramos poner el texto en cursiva en la oración.
Ahora, una vez más, guarde el archivo y luego ejecútelo en el navegador. Puede ver que una parte específica del texto está en cursiva que queremos poner 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 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 ello es;
< en >….</ en >El texto se escribe entre las dos etiquetas; en este ejemplo, hemos utilizado esta etiqueta dos veces en el párrafo. Veamos la imagen del código que se encuentra 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 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.
< Cite >……</ cite > 
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 un texto en cursiva también se refiere al estilo y 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. Internal está escrito dentro del cuerpo de la cabeza. Y el estilo externo se realiza en otro archivo con la extensión .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 que la declaración de estilo como estilo de fuente está 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 ejecútelas en el navegador. Muestra los mismos resultados que hemos deseado.
< pag estilo=hacen-estilo: cursiva;> 
Ejemplo 6
Después de inline, ahora agregaremos el ejemplo de estilo interno. Aquí se agrega una clase dentro de la parte principal. Luego, el nombre de la clase se declara dentro de la etiqueta de párrafo en el cuerpo del html. Para que sea de fácil acceso.
< cabeza >< estilo >
.a{
Hacen-estilo: cursiva;
}
</ estilo ></ cabeza >
Puede ver que la clase se inicializa con el método dot. Hay dos párrafos en el código; hemos aplicado este estilo en uno de ellos. Por eso es útil cuando queremos formatear un párrafo.
La declaración de clase dentro del párrafo es;
< pag clase=a>< pag clase='a'>
Esto accederá a la clase en la cabeza. Ahora mira el resultado. Observará que uno de los párrafos está en cursiva.
Conclusión
Este artículo representa el formato del texto en cursiva. El diseño de texto es una parte esencial del diseño de una página web.