La alineación del texto es una técnica muy beneficiosa para mejorar la apariencia visual de su página web y hacerlo más atractivo. Markdown no ofrece la capacidad de cambiar el posicionamiento del texto, pero nos permite usar HTML en línea en nuestro directorio de proyecto Markdown para establecer la alineación del texto.

Esta guía implementará algunas de las formas de alinear el texto con el centro utilizando HTML en línea.

Texto central en Markdown utilizando HTML:

Para centrar el texto en Markdown, tenemos que ejercer HTML en nuestro archivo de Markdown. Esta demostración lo ayudará a aprender a emplear etiquetas HTML para la alineación del texto de acuerdo con su documento. Comencemos con las ilustraciones.

Estamos utilizando la herramienta de código Visual Studio para implementar el código. La herramienta se inicia y crea un nuevo archivo con "Markdown" como tipo de archivo. Ahora compilaremos los scripts en él.

Markdown nos proporciona una sintaxis diferente para diseñar cualquier texto en un documento, pero no da una sintaxis nativa para posicionar el texto en los documentos de Markdown. Afortunadamente, nos permite ejercer html simple dentro de él. Entonces, exploraremos cómo podemos alinear el texto en Markdown utilizando HTML con ejemplos prácticos.

Para la primera instancia, hemos creado un encabezado de Markdown. El encabezado se puede agregar a un documento de Markdown utilizando los símbolos hash (#). Un solo hash (#) representa un encabezado de nivel uno. Entonces, agregamos un hash (#) seguido de un espacio. Hemos titulado el encabezado "Este es un encabezado de Markdown". Tenga en cuenta que debe agregar un espacio después del símbolo del hash para que sea un encabezado, de lo contrario, se considerará como un texto normal con símbolos hash adjuntos.

Este es el resultado predicho del script de markdown generado anteriormente. Aquí puede ver que el encabezado está alineado en el lado izquierdo del documento, que es la alineación predeterminada para el script de markdown. Y no se puede cambiar usando Markdown puro.

Ahora, si queremos que se muestre el encabezado en el medio del documento, no tenemos otra opción en Markdown, sino para emplear las etiquetas HTML, lo que nos permitirá cambiar la colocación del texto donde quiera que lo desee en el documento.

Para crear un encabezado, HTML tiene una etiqueta "". Esta etiqueta tiene dos partes: una apertura "" y un cierre "". Queremos crear un encabezado de nivel 1, por lo que usaremos la etiqueta como "

". Para alinear el texto en esta etiqueta, hemos utilizado el atributo "Alinear". Esta propiedad define el posicionamiento de cualquier texto, imagen, enlace, botón, etc. en la página web. Aquí lo estamos usando para colocar nuestro encabezado de texto de Markdown. Le hemos asignado el valor "Centro", ya que necesitamos colocar el encabezado en el medio de la página. Después de eso, especificamos el texto para un encabezado como "Este es un encabezado de Markdown". Entonces la etiqueta de encabezado se cierra usando "

".

Ahora en la ventana de vista previa, observará que el encabezado se ha movido actualmente al centro del documento.

Para una distinción clara, proporcionamos los encabezados de salida renderizados, con Markdown y con HTML, en la instantánea a continuación:

Hemos aprendido a centrar el encabezado en la página web. Del mismo modo, puede alinear el resto de los encabezados: derecha, izquierda, centro, justificar, etc., en el documento. Ahora veremos cómo centrar los párrafos en Markdown. Primero crearemos texto regular en Markdown para ver su alineación, y luego, usando HTML, se alineará en el medio.

Para crear un párrafo de texto en Markdown, no necesitamos ninguna sintaxis. Simplemente escriba las cadenas de texto y se mostrará como un párrafo regular. Entonces, hemos creado un párrafo como "Estamos aprendiendo a alinear el texto normal en el medio de la página web. Markdown lo mostrará en la posición izquierda de la página con su configuración predeterminada."

La salida renderizada muestra un párrafo de Markdown alineado en el lado izquierdo.

No hay forma de hacer que se mueva en el medio con una reducción. Nuevamente, HTML nos permitirá hacer esto usando sus etiquetas. Crearemos un párrafo en HTML utilizando las etiquetas HTML especificadas para la creación de párrafos, que son "

…

". La primera "

"La etiqueta es la etiqueta de apertura, y la"

"La etiqueta es la etiqueta de cierre del párrafo. Entre estas dos etiquetas, se especificará el texto para el párrafo. Entonces, escribimos el párrafo entre las etiquetas del párrafo como "Estamos aprendiendo a alinear el texto normal en el medio de la página web. Para alinear el texto en el centro, estamos usando el HTML."

Este texto se exhibirá en el lado izquierdo de forma predeterminada. Para cambiar su alineación, tenemos que usar la propiedad "alinearse" dentro de la apertura "

" etiqueta. Entonces, insertamos el "

"Etiqueta y proporcionó el valor" centro "para que el párrafo se coloque en el medio.Además, cambiamos el tamaño de fuente de texto de normal a tamaño "3" usando la etiqueta HTML "" y especificando el tamaño con el atributo "tamaño".

Ahora el párrafo recién creado se muestra en el medio y el tamaño de fuente de este párrafo es más grande que el tamaño de texto regular.

Veamos ambos párrafos de salida juntos para obtener mejores diferencias visuales en la instantánea que se proporciona a continuación:

Puede observar el cambio de alineación, así como las variaciones de tamaño de fuente en ambos párrafos.

También podemos alinear una parte de un párrafo al centro en lugar de todo el párrafo. Para esto, usaremos la clase HTML "'.

Primero, cree un párrafo de Markdown y luego coloque las líneas de texto entre las etiquetas Div "..." que queremos mostrar en el medio. Dentro de la etiqueta Div de apertura, hemos utilizado el atributo "estilo" y lo asignamos el valor "Text-Align: Center".

La salida renderizada muestra un párrafo parcialmente alineado.

Otra etiqueta HTML que se puede usar para alinear el texto al centro es "". Esta etiqueta es la más simple y fácil. Solo tienes que poner entre las etiquetas el encabezado o la línea de texto o el párrafo para centrarla.

Para colocar el encabezado en el centro, primero colocamos las etiquetas de apertura y cierre "...", y entre estas etiquetas utilizamos el HTML "

…

"Etiquetas para especificar un encabezado. El contenido que hemos proporcionado para el encabezado es "Este es nuestro encabezado de nivel 2."

El encabezado de segundo nivel creado actualmente está alineado con éxito en el medio del documento.

Del mismo modo, podemos usar este centro de etiqueta los párrafos en el markdown. Hemos inicializado las etiquetas "..." y usamos el "

… .

"Etiquetas entre ellos para crear un párrafo. El texto proporcionado entre las etiquetas del párrafo es "Estamos centrando el párrafo ahora."

Esto nos produce la siguiente salida:

Conclusión:

En este artículo, le hemos proporcionado diferentes técnicas para ejercer las etiquetas HTML para alinear el texto en el centro. La salida de cada técnica se compara con la sintaxis de Markdown nativo para que las diferencias comprendieran. Hemos implementado los scripts en el código Visual Studio en el sistema operativo de Windows.