Dimensione del carattere Markdown
In questo tutorial, scoprirai l'uso di HTML in Markdown per la modifica dei caratteri del testo/paragrafo.
Esempio n. 1: modifica della dimensione del carattere dell'intero testo in markdown
La modifica della dimensione del carattere del testo in markdown può essere eseguita utilizzando i tag HTML. In questo caso, creeremo alcuni testi di esempio e cambieremo le dimensioni del carattere in diverse varianti.
Il software che stiamo utilizzando, per la creazione di script di esempio, è il codice Visual Studio. Lo strumento viene lanciato e il tipo di file è selezionato come "markdown". Quindi, abbiamo aperto la finestra di anteprima in cui vedremo il risultato dell'input corrispondente. Questo dividerà la finestra in due parti: la schermata di input e la schermata di anteprima.
Ora inizieremo con la sceneggiatura. Nel file di markdown, abbiamo prima aggiunto un'intestazione. Per aggiungere un'intestazione viene utilizzato il simbolo hash (#). Il simbolo di hash singolo si riferisce all'intestazione H1. Dopo il simbolo hash, è necessario dare uno spazio. In caso contrario, visualizzerà il testo come una stringa normale. Il testo che abbiamo specificato per l'intestazione è "Guida alla modifica della dimensione del carattere di markdown". Una pratica migliore è lasciare una linea vuota prima di aggiungere un'intestazione.
Dopo aver specificato il titolo del documento, passeremo quindi alle impostazioni della dimensione del carattere. Per lavorare con i caratteri in markdown, dobbiamo aggiungere i tag HTML. Il tag HTML che useremo è "Font-Size" avvolto nei tag "". Con uguale (=) come operatore di assegnazione per assegnare la dimensione nei numeri. Qualunque sia il numero fornito per le dimensioni, deve essere scritto tra virgolette. Questo è il tag di apertura che deve essere chiuso dopo il nostro testo. Quindi, per chiudere il tag dobbiamo aggiungere una backslash (/) prima del nome del tag che nel nostro caso è "".
Tra i tag di apertura e chiusura, iscrivi il testo la cui dimensione del carattere si desidera cambiare in una dimensione particolare. Quindi, per scrivere una stringa di testo con la dimensione del carattere più piccola, dobbiamo scriverla come "". Quindi, la stringa di testo che abbiamo aggiunto è "Stiamo impostando la dimensione 1 per questo testo che è la dimensione del carattere più piccola" e chiudere il tag come "".
Quando abbiamo scritto lo script sopra nel file di markdown, la finestra di anteprima ci ha visualizzato il risultato corrispondente che è indicato nell'immagine sottostante in cui è possibile vedere un'intestazione. Sotto di esso, una stringa di testo con la dimensione del carattere più piccola.
Allo stesso modo, possiamo applicare più varianti di dimensioni utilizzando il tag dei caratteri HTML in Markdown. Vediamo alcune delle altre dimensioni dei caratteri che possiamo usare a Markdown.
Questa volta abbiamo specificato la dimensione del carattere come "2" nei tag del carattere HTML. Abbiamo scritto una dichiarazione "** Ora stiamo aggiungendo un testo audace in una stringa con il carattere di dimensione 2 **". Potresti aver osservato che abbiamo aggiunto due asterischi (**) prima della stringa di testo e due asterischi dopo il testo che sono i delimitatori. I due asterischi in markdown vengono aggiunti a grassetto qualsiasi testo. Oltre a cambiare le dimensioni del carattere, stiamo anche rendendo audace l'intera stringa.
L'immagine di output mostra una stringa di testo sotto l'intestazione con la dimensione del carattere 2 ed è fatta in grassetto.
Il testo con il carattere dimensione 3 è maggiore della dimensione del carattere 2. Inoltre, abbiamo in corsivo la stringa di testo aggiungendo i trattini (_) prima e dopo la stringa di testo. Innanzitutto, aggiungi il tag HTML "" e quindi inserisci il trattino (_). Successivamente, la stringa di testo è scritta. Il trattino viene inserito dopo la stringa e il tag carattere viene chiuso in seguito.
Ecco come appare la stringa di testo quando applichiamo la dimensione del carattere 3 e la facciamo in corsivo.
La dimensione del carattere può essere modificata per soddisfare le tue esigenze. Il supporto di markup di dimensioni del carattere massimo è il "7". Successivamente, qualunque numero fornirai per la dimensione del carattere, visualizzerà il testo nella dimensione del carattere 7.
Abbiamo impostato la dimensione del carattere "7" per una stringa ("Questa è la dimensione del carattere 7" per avere un'idea di ciò che mostra esattamente il testo delle dimensioni).
Il testo con la dimensione del carattere massima supportata è fornito nell'istantanea seguente.
Esempio n. 2: modifica della dimensione del carattere di un blocco di testo in markdown
Abbiamo imparato nell'illustrazione sopra per cambiare la dimensione del carattere di un intero paragrafo o riga di testo. Un'altra pratica che possiamo applicare qui è quella di cambiare la dimensione del carattere di un pezzo di testo specifico invece dell'intero paragrafo per renderlo più visibile all'occhio o per enfatizzarlo per uno scopo importante. Inoltre, esploreremo la modifica del colore per bit di testo specifici nella stringa.
Per l'implementazione dello script, abbiamo creato un paragrafo nel file Markdown. Ora selezioneremo una parte di questo paragrafo e applicheremo le modifiche alla dimensione del carattere ad esso.
Per impostare la dimensione del carattere, abbiamo scelto il bit di un testo che è "String di testo di esempio". Ora per modificare la dimensione del carattere, questo testo verrà scritto tra i tag della dimensione del carattere HTML. La dimensione del carattere che abbiamo impostato per queste tre parole è "4". Il testo avvolto in questi tag apparirà più grande e il testo prima e dopo questi tag verrà mostrato come testo normale.
Qui, puoi vedere che il bit di testo "Stringa di testo di esempio" ha una dimensione del carattere maggiore rispetto al resto del paragrafo.
Il testo del paragrafo è mostrato con la dimensione del carattere predefinita. Possiamo cambiarlo anche applicando un tag carattere per l'intero paragrafo e per alcune parole specifiche in quel paragrafo. Ad esempio, abbiamo cambiato la dimensione del carattere per l'intero paragrafo in "3" e per un po 'di testo l'abbiamo impostata su "5". Questo può essere fatto usando i due tag di carattere HTML; uno per l'intero paragrafo e l'altro per il testo all'interno dello stesso paragrafo.
Ecco il paragrafo di output.
Ora, per aggiungere maggiori dettagli a questo paragrafo, cambieremo il colore di una parola, renderlo audace e anche in corsivo di testo.
Per cambiare il colore, abbiamo usato il tag "span" HTML. Nel tag span, useremo l'attributo "stile" e gli assegneremo il colore. Quindi, l'abbiamo scritto come "". Per chiudere questo tag, basta aggiungere una retroscena con Span come "". Per rendere il testo in grassetto in Markdown, viene utilizzato il doppio asterischi delimitatore (**). Per il corsivo, viene applicato un trattino di testo (_) e per applicare entrambi insieme usano tre asterischi.
La finestra di anteprima ci dà un paragrafo in cui i bit di testo hanno dimensioni diversa, la parola "testo" è a colore giallo ed è resa audace e in corsivo. Nella seconda riga è anche enfatizzata la parola "diverso".
Conclusione
La modifica delle dimensioni del carattere in markdown può essere eseguita utilizzando i tag HTML e specificando il numero per il carattere. Sia l'intero testo che una sezione specifica di esso possono avere la dimensione del carattere modificata. Entrambe queste tecniche sono state discusse ed elaborate in questo articolo applicando praticamente la metodologia in Markdown. Abbiamo anche usato il tag "span" da HTML per modificare il colore del bit di testo specificato. Inoltre, il metodo per rendere il testo audace e corsivo è esercitato in questo tutorial.