Markdown Center -tekst
Denne guiden vil implementere noen av måtene å justere teksten til sentrum ved hjelp av inline HTML.
Sentertekst i markdown ved å bruke HTML:
For å sentrere tekst i markdown, må vi utøve HTML i vår Markdown -fil. Denne demonstrasjonen vil hjelpe deg å lære å bruke HTML -tagger for justering av tekst i henhold til dokumentet. La oss begynne med illustrasjonene.
Vi bruker Visual Studio Code -verktøyet for å implementere koden. Verktøyet lanseres da og oppretter en ny fil med "Markdown" som filtype. Nå skal vi sammenstille skriptene på det.
Markdown gir oss forskjellige syntaks for styling av en hvilken. Heldigvis tillater det oss å utøve vanlig HTML i det. Så vi vil utforske hvordan vi kan samkjøre tekst i Markdown ved å bruke HTML med praktiske eksempler.
For første omgang har vi laget en markdown -header. Overskriften kan legges til et Markdown -dokument ved å bruke hasj (#) -symbolene. En enkelt hasj (#) representerer et nivå en overskrift. Så vi la til en hasj (#) etterfulgt av et rom. Vi har tittelen The Header “This Is a Markdown Header”. Husk at du må legge til et rom etter hasjsymbolet for å gjøre det til en overskrift, ellers vil det bli betraktet som en normal tekst med hasjsymboler som er lagt til det.
Dette er det forutsagte resultatet av ovennevnte markdown-skript. Her kan du se at overskriften er justert på venstre side av dokumentet, som er standardjusteringen for Markdown -skriptet. Og det kan ikke endres ved å bruke ren markdown.
Nå, hvis vi vil at overskriften skal vises i midten av dokumentet, har vi ikke noe annet valg i markdown, men for å bruke HTML -kodene i det, noe som vil tillate oss å endre plasseringen av teksten uansett hvor vi vil ha den i dokument.
For å lage en overskrift har HTML en tag “”. Denne taggen har to deler: en åpning “” og en avsluttende “”. Vi ønsker å lage en nivå 1 -overskrift, så vi vil bruke taggen som "
”. For å justere teksten i denne taggen, har vi brukt attributtet “Align”. Denne egenskapen definerer plasseringen av hvilken som helst tekst, bilde, lenke, knapp osv. på nettsiden. Her bruker vi det til å plassere vår Markdown -teksthode. Vi har tildelt det verdien “Center”, da vi trenger å plassere overskriften midt på siden. Etter det spesifiserte vi teksten for en overskrift som "Dette er en markdown -header". Deretter er overskriftstaggen stengt ved hjelp av "
”.Nå i forhåndsvisningsvinduet vil du observere at overskriften for øyeblikket har flyttet til sentrum av dokumentet.
For en klar skille, leverer vi både de gjengitte outputoverskriftene, med Markdown og med HTML, i øyeblikksbildet nedenfor:
Vi har lært å sentrere overskriften på nettsiden. Tilsvarende kan du justere resten av overskriftene: høyre, venstre, sentrum, rettferdiggjør osv. I dokumentet i dokumentet. Nå får vi se hvordan du sentrerer avsnitt i Markdown. Vi vil først opprette regelmessig tekst i markdown for å se den.
For å lage et tekstparagraf i Markdown, trenger vi ikke noe syntaks. Bare skriv tekststrengene, og den vises som et vanlig avsnitt. Så vi har laget et avsnitt som “Vi lærer å samkjøre den normale teksten midt på websiden. Markdown vil vise den i venstre plassering på siden med standardinnstillingene.”
Den gjengitte utgangen viser et nedleggelsesavsnitt på linje på venstre side.
Det er ingen måte å få det til å bevege seg i midten med en markdown. Igjen, HTML vil la oss gjøre dette ved hjelp av kodene. Vi vil opprette et avsnitt i HTML ved hjelp av de spesifiserte HTML -kodene for opprettelse av avsnitt, som er "
..
”. Den første "”Tag er åpningskoden, og“
”Tag er avsnittets lukkingsmerke. Mellom disse to taggene vil teksten for avsnittet bli spesifisert. Så vi skrev avsnittet mellom avsnittsmerkene som “Vi lærer å samkjøre den normale teksten midt på websiden. For å justere teksten i sentrum, bruker vi HTML.”Denne teksten vil bli utstilt på venstre side som standard. For å endre justeringen, må vi bruke egenskapen "justere" i åpningen "
" stikkord. Så vi satte inn “
”Tag i den og ga verdien“ senter ”slik at avsnittet skulle bli satt i midten.I tillegg endret vi tekstfontstørrelsen fra normal til størrelse “3” ved å bruke HTML “” -merket og spesifisere størrelsen med “størrelse” -attributtet.
Nå vises det nyopprettede avsnittet i midten, og skriftstørrelsen på dette avsnittet er større enn den vanlige tekststørrelsen.
La oss se begge utgangsprittene sammen for bedre visuelle forskjeller i øyeblikksbildet nedenfor:
Du kan observere justeringsendringen så vel som fontstørrelsesvariasjonene i begge avsnitt.
Vi kan også samkjøre en del av et avsnitt til senteret i stedet for hele avsnittet. For dette vil vi bruke HTML -klassen “'.
Først må du opprette et nedleggelsesavsnitt og deretter plassere tekstlinjene mellom DIV -kodene "..." som vi ønsker å bli vist i midten. Innenfor åpningsdivaggen har vi brukt attributtet “Style” og tildelt den verdien “Text-ALIGN: Center”.
Den gjengitte utgangen viser et avsnitt delvis senter justert.
En annen HTML -kode som kan brukes til å justere teksten til senteret er "". Denne taggen er den enkleste og enkleste. Du må bare legge inn mellom kodene overskriften eller tekstlinjen eller avsnittet for å sentrere den.
For å plassere overskriften i sentrum, plasserte vi først åpningen og lukking av "..." -merker, og i mellom disse taggene brukte vi HTML "
..
”Tagger for å spesifisere en overskrift. Innholdet vi har gitt for overskriften er “Dette er vår nivå-2-overskrift.”Den for øyeblikket opprettet på andre nivåoverskriften er vellykket justert midt i dokumentet.
Tilsvarende kan vi bruke dette tag -sentrum. Vi har initialisert “...” -merker og brukt “
.. .
”Tagger mellom dem for å lage et avsnitt. Teksten som er gitt mellom avsnittskodene er “Vi sentrerer avsnittet nå.”Dette gir oss følgende utgang:
Konklusjon:
I denne artikkelen har vi gitt deg forskjellige teknikker for å utøve HTML -kodene for å justere teksten i sentrum. Hver teknikks produksjon sammenlignes med den naturlige markdown -syntaksen for å gjøre forskjellene forståelige. Vi har implementert skriptene i Visual Studio Code på Windows -operativsystemet.