Markdown fontstørrelse
I denne opplæringen vil du oppdage bruken av HTML i Markdown for å endre skriftene til tekst/avsnitt.
Eksempel 1: Endre skriftstørrelse på hele teksten i Markdown
Endring av skriftstørrelsen på teksten i Markdown kan gjøres ved hjelp av HTML -kodene. I dette tilfellet vil vi lage noen eksempler på tekster og endre skriftstørrelsene til forskjellige varianter.
Programvaren vi bruker, for å lage eksempler på skript, er Visual Studio Code. Verktøyet lanseres og filtypen er valgt som "Markdown". Deretter åpnet vi forhåndsvisningsvinduet der vi vil se resultatet av den tilsvarende inngangen. Dette vil dele vinduet i to porsjoner: inngangsskjermen og forhåndsvisningsskjermen.
Nå begynner vi med manuset. I markdown -filen har vi først lagt til en overskrift. For å legge til en overskrift brukes hasjsymbolet (#). Single Hash -symbolet refererer til H1 -overskriften. Etter hasjsymbolet må det gis et rom. Hvis ikke, vil den vise teksten som en vanlig streng. Teksten vi har spesifisert for overskriften er "Markdown Font Size Change Guide". En bedre praksis er å legge igjen en tom linje før du legger til en overskrift.
Etter å ha spesifisert tittelen på dokumentet, vil vi deretter flytte til fontstørrelsesinnstillingene. For å jobbe med skriftene i Markdown, må vi legge til HTML -kodene. HTML-taggen vi skal bruke er "fontstørrelse" pakket inn "" -merker. Med lik (=) som oppdragsoperatøren for å tilordne størrelsen i tall. Uansett antall som er levert for størrelsen skal skrives i anførselstegn. Dette er åpningskoden som må lukkes etter teksten vår. Så for å lukke taggen må vi legge til en tilbakeslag (/) før tagnavnet som i vårt tilfelle er "".
Mellom åpnings- og lukkekodene, skriv teksten hvis skriftstørrelse du vil endre i en bestemt størrelse. Så for å skrive en tekststreng med den minste skriftstørrelsen, må vi skrive den som "". Deretter er tekststrengen som vi har lagt til "Vi setter størrelsen 1 for denne teksten som er den minste skriftstørrelsen" og lukk taggen som "".
Da vi skrev skriptet ovenfor i Markdown -filen, viste forhåndsvisningsvinduet oss det tilsvarende utfallet som er gitt på bildet nedenfor der du kan se en overskrift. Under den, en tekststreng med den minste skriftstørrelsen.
Tilsvarende kan vi bruke flere størrelsesvariasjoner ved å bruke HTML -font -taggen i Markdown. La oss se noen av de andre skriftstørrelsene som vi kan bruke i Markdown.
Vi har spesifisert skriftstørrelsen denne gangen som "2" i HTML -fontmerker. Vi skrev en uttalelse "** Vi legger nå til en dristig tekst i en streng med fontstørrelse 2 **". Du har kanskje observert at vi har lagt til to stjerner (**) før tekststrengen og to stjerner etter teksten som er avgrenserne. De to stjernene i Markdown legges til for å fete alle tekst. Bortsett fra å endre skriftstørrelsen, gjør vi også hele strengen fet.
Utgangsbildet viser en tekststreng under overskriften med skriftstørrelse 2 og blir fet skrift.
Teksten med skriftstørrelse 3 er større enn skriftstørrelsen 2. Vi har også kursivert tekststrengen ved å legge til bindestrekene (_) før og etter tekststrengen. Legg først HTML -taggen "" og sett deretter inn bindestrek (_). Etter det er tekststreng skrevet. Bindestrek er lagt inn etter strengen og font -taggen er lukket etterpå.
Slik ser tekststrengen ut når vi bruker skriftstørrelse 3 og gjør den kursiv.
Fontstørrelsen kan endres for å passe dine behov. Den maksimale størrelsen på fontstørrelse er "7". Etter det, uansett antall du vil levere for skriftstørrelsen, vil det vise teksten i skriftstørrelse 7.
Vi har satt skriftstørrelsen “7” for en streng (“Dette er skriftstørrelse 7” for å få et inntrykk av hva nøyaktig størrelseseksten viser).
Teksten med maksimal støttet skriftstørrelse er gitt i øyeblikksbildet nedenfor.
Eksempel nr. 2: Endre en tekstblokkens skriftstørrelse i Markdown
Vi har lært i illustrasjonen ovenfor for å endre skriftstørrelsen på et helt avsnitt eller tekstlinje. En annen praksis vi kan bruke her er å endre skriftstørrelsen på et spesifikt stykke tekst i stedet for hele avsnittet for å gjøre det mer synlig for øyet eller å understreke det for et viktig formål. Vi vil også utforske å endre fargen for spesifikke tekstbiter i strengen.
For implementering av skriptet har vi opprettet et avsnitt i Markdown -filen. Nå vil vi velge en del av dette avsnittet og bruke skriftstørrelsesendringene på det.
For å angi skriftstørrelse, har vi valgt litt av en tekst som er "Eksempel tekststreng". Nå for å endre skriftstørrelse, blir denne teksten skrevet mellom HTML -fontstørrelsesmerker. Fontstørrelsen vi har satt for disse tre ordene er “4”. Teksten pakket inn i disse taggene vil vises større, og teksten før og etter at disse taggene vil bli vist som normal tekst.
Her kan du se at tekstbiten “Eksempel tekststreng” har en større skriftstørrelse enn resten av avsnittet.
Avsnittets tekster vises med standard skriftstørrelse. Vi kan endre det også ved å bruke en fontmerke for hele avsnittet, så vel som for noen spesifikke ord i det avsnittet. For eksempel har vi endret skriftstørrelse for hele avsnittet til "3", og for litt tekst har vi satt den til “5”. Dette kan gjøres ved å bruke de to HTML -fontagene; Den ene for hele avsnittet og den andre for teksten i samme avsnitt.
Her er output -avsnittet.
For å legge til flere detaljer i dette avsnittet, vil vi endre fargen på et ord, gjøre det dristig og også kursere litt tekst.
For å endre fargen, har vi brukt HTML “Span” -merket. I Span -taggen vil vi bruke attributtet “Style” og tilordne den fargen. Så vi skrev det som "". For å lukke denne taggen, er det bare å legge til et tilbakeslag med spenn som "". For å gjøre teksten fet i markdown, brukes avgrenseren dobbelt stjerner (**). For kursivering brukes tekstbind.
Forhåndsvisningsvinduet gir oss et avsnitt der tekstbitene er forskjellig størrelse, ordet "tekst" er i farge gul, og blir gjort fet og kursisert og kursivert. I den andre linjen vektlegges også ordet "annerledes".
Konklusjon
Endring av skriftstørrelser i Markdown kan gjøres ved å bruke HTML -tagger og spesifisere nummeret for skrift. Både hele teksten og en bestemt del av den kan få sin skriftstørrelse endret. Begge disse teknikkene har blitt diskutert og utdypet i denne artikkelen ved å praktisk anvende metodikken i Markdown. Vi har også brukt "spenn" -merket av HTML for å endre fargen på den spesifiserte tekstbiten. I tillegg utøves metoden for å gjøre teksten fet og kursiv i denne opplæringen.