L'allineamento del testo è una tecnica molto benefica per migliorare l'aspetto visivo della tua pagina web e renderlo più attraente. Markdown non offre la capacità di modificare il posizionamento del testo, ma ci consente di utilizzare HTML in linea nella nostra directory del progetto Markdown per impostare l'allineamento del testo.

Questa guida implementerà alcuni dei modi per allineare il testo al centro utilizzando in linea HTML.

Testo centrale in markdown utilizzando HTML:

Per centrare il testo a Markdown, dobbiamo esercitare HTML nel nostro file di markdown. Questa dimostrazione ti aiuterà a imparare a utilizzare i tag HTML per l'allineamento del testo secondo il tuo documento. Cominciamo con le illustrazioni.

Stiamo utilizzando lo strumento di codice Visual Studio per implementare il codice. Lo strumento viene lanciato quindi e crea un nuovo file con "Markdown" come tipo di file. Ora compileremo gli script su di esso.

Markdown ci fornisce una sintassi diversa per lo styling di qualsiasi testo in un documento, ma non fornisce alcuna sintassi nativa per il posizionamento del testo nei documenti di Markdown. Fortunatamente, ci consente di esercitare un semplice HTML al suo interno. Quindi, esploreremo come possiamo allineare il testo a Markdown utilizzando HTML con esempi pratici.

Per la prima istanza, abbiamo creato un'intestazione di markdown. L'intestazione può essere aggiunta a un documento di markdown utilizzando i simboli Hash (#). Un singolo hash (#) rappresenta un'intestazione di livello uno. Quindi, abbiamo aggiunto un hash (#) seguito da uno spazio. Abbiamo intitolato l'intestazione "This Is a Markdown Waster". Tieni presente che devi aggiungere uno spazio dopo il simbolo hash per renderlo un'intestazione, altrimenti verrà considerato come un testo normale con simboli hash aggiunti ad esso.

Questo è il risultato previsto dello script di markdown sopra generato. Qui puoi vedere che l'intestazione è allineata sul lato sinistro del documento, che è l'allineamento predefinito per lo script Markdown. E non può essere modificato usando il puro markdown.

Ora, se vogliamo che l'intestazione venga visualizzata nel mezzo del documento, non abbiamo altra scelta in Markdown, ma per impiegare i tag HTML, il che ci consentirà di cambiare il posizionamento del testo ovunque lo vogliamo nel documento.

Per creare un'intestazione, HTML ha un tag "". Questo tag ha due parti: un'apertura "" e una chiusura "". Vogliamo creare un'intestazione di livello 1, quindi useremo il tag come "

". Per allineare il testo in questo tag, abbiamo usato l'attributo "Allinea". Questa proprietà definisce il posizionamento di qualsiasi testo, immagine, collegamento, pulsante, ecc. Nella pagina web. Qui lo stiamo usando per posizionare la nostra intestazione di testo di markdown. Gli abbiamo assegnato il valore "Centro" in quanto dobbiamo posizionare l'intestazione nel mezzo della pagina. Successivamente, abbiamo specificato il testo per un'intestazione come "questa è un'intestazione di markdown". Quindi il tag di intestazione viene chiuso usando "

".

Ora nella finestra di anteprima, osserverai che l'intestazione si è attualmente spostata al centro del documento.

Per una chiara distinzione, stiamo fornendo entrambe le intestazioni di uscita resi, con Markdown e con HTML, nell'istantanea seguente:

Abbiamo imparato a centrare l'intestazione sulla pagina web. Allo stesso modo, puoi allineare il resto delle intestazioni: destra, sinistra, al centro, giustificare, eccetera, nel documento. Ora vedremo come centrare i paragrafi in Markdown. Prima creeremo un testo regolare in Markdown per vedere il suo allineamento e poi, usando HTML, sarà allineato al centro.

Per creare un paragrafo di testo in Markdown, non abbiamo bisogno di alcuna sintassi. Basta scrivere le stringhe di testo e verrà visualizzato come un paragrafo normale. Quindi, abbiamo creato un paragrafo come “Stiamo imparando ad allineare il testo normale nel mezzo della pagina web. Markdown lo visualizzerà nella posizione a sinistra della pagina con le sue impostazioni predefinite."

L'output reso visualizza un paragrafo di markdown allineato sul lato sinistro.

Non c'è modo di farlo muoversi nel mezzo con un markdown. Ancora una volta, HTML ci permetterà di farlo usando i suoi tag. Creeremo un paragrafo in HTML utilizzando i tag HTML specificati per la creazione di paragrafo, che sono "

..

". Il primo "

Il tag è il tag di apertura e il "

"Il tag è il tag di chiusura del paragrafo. Tra questi due tag, verrà specificato il testo per il paragrafo. Quindi, abbiamo scritto il paragrafo tra i tag di paragrafo come "Stiamo imparando ad allineare il testo normale nel mezzo della pagina web. Per allineare il testo al centro, stiamo usando l'HTML."

Questo testo verrà esposto sul lato sinistro per impostazione predefinita. Per cambiare il suo allineamento, dobbiamo usare la proprietà "allinea" all'interno dell'apertura "

"Tag. Quindi, abbiamo inserito il "

"Tag in esso e fornito il valore" Centro "in modo che il paragrafo venga messo nel mezzo.Inoltre, abbiamo modificato la dimensione del carattere di testo dalla normale a dimensione "3" utilizzando il tag HTML "" e specificando la dimensione con l'attributo "dimensione".

Ora il paragrafo appena creato viene visualizzato nel mezzo e la dimensione del carattere di questo paragrafo è maggiore della dimensione del testo normale.

Vediamo entrambi i paragrafi di output per migliori differenze visive nell'istantanea fornita di seguito:

È possibile osservare il cambiamento di allineamento e le variazioni delle dimensioni del carattere in entrambi i paragrafi.

Possiamo anche allineare una parte di un paragrafo al centro piuttosto che l'intero paragrafo. Per questo, useremo la classe HTML "'.

Innanzitutto, crea un paragrafo di markdown e poi posiziona le linee di testo tra i tag Div "..." che vogliamo essere visualizzati nel mezzo. All'interno del tag DIV di apertura, abbiamo usato l'attributo "stile" e lo abbiamo assegnato il valore "allineamento: Centro".

L'output rendering mostra un paragrafo parzialmente allineato.

Un altro tag HTML che può essere utilizzato per allineare il testo al centro è "". Questo tag è il più semplice e più semplice. Devi solo mettere tra i tag l'intestazione o la riga di testo o il paragrafo per centrarla.

Per posizionare l'intestazione al centro, abbiamo prima posizionato i tag "..." di apertura e chiusura e tra questi tag abbiamo usato l'HTML "

..

"Tag per specificare un'intestazione. Il contenuto che abbiamo fornito per l'intestazione è “Questa è la nostra intestazione di livello 2."

L'intestazione di secondo livello attualmente creata è allineata con successo nel mezzo del documento.

Allo stesso modo, possiamo usare questo tag center i paragrafi nel markdown. Abbiamo inizializzato i tag "..." e abbiamo usato il "

.. .

"Tag tra loro per creare un paragrafo. Il testo fornito tra i tag di paragrafo è “Stiamo centrando il paragrafo ora."

Questo ci produce il seguente output:

Conclusione:

In questo articolo, ti abbiamo fornito diverse tecniche per esercitare i tag HTML per allineare il testo al centro. L'output di ogni tecnica viene confrontato con la sintassi di markdown nativa per rendere comprensibili le differenze. Abbiamo implementato gli script nel codice Visual Studio sul sistema operativo Windows.