Tekst centralny Markdown
Ten przewodnik zaimplementuje niektóre sposoby wyrównania tekstu do centrum za pomocą inline HTML.
Tekst środkowy w Markdown, wykorzystując HTML:
Aby wyśrodkować tekst w Markdown, musimy ćwiczyć HTML w naszym pliku Markdown. Ta demonstracja pomoże Ci nauczyć się stosować tagi HTML do wyrównania tekstu zgodnie z dokumentem. Zacznijmy od ilustracji.
Używamy narzędzia kodu Visual Studio do wdrożenia kodu. Narzędzie jest następnie uruchamiane i tworzy nowy plik z „Markdown” jako typ pliku. Teraz skompilujemy na nim skrypty.
Markdown zapewnia nam inną składnię do stylizacji dowolnego tekstu w dokumencie, ale nie podaje żadnej natywnej składni do pozycjonowania tekstu w dokumentach Markdown. Na szczęście pozwala nam ćwiczyć w nim zwykły HTML. Zbadamy więc, w jaki sposób możemy wyrównać tekst w Markdown, wykorzystując HTML z praktycznymi przykładami.
W pierwszej instancji stworzyliśmy nagłówek Markdown. Nagłówek można dodać do dokumentu Markdown za pomocą symboli skrótu (#). Pojedynczy skrót (#) reprezentuje nagłówek poziomu pierwszego poziomu. Więc dodaliśmy skrót (#), a następnie przestrzeń. Zatytułowaliśmy nagłówek „To jest nagłówek Markdown”. Należy pamiętać, że musisz dodać przestrzeń po symbolu skrótu, aby uczynić go nagłówkiem, w przeciwnym razie zostanie uznany za jakiś normalny tekst z dołączonym do niego symbolami skrótu.
Jest to przewidywany wynik wyżej generowanego skryptu Markdown. Tutaj widać, że nagłówek jest wyrównany po lewej stronie dokumentu, który jest domyślnym wyrównaniem dla skryptu Markdown. I nie można go zmienić, używając czystego marki.
Teraz, jeśli chcemy, aby nagłówek był wyświetlany na środku dokumentu, nie mamy innego wyboru w Markdown, ale aby zastosować w nim znaczniki HTML, co pozwoli nam zmienić umieszczenie tekstu, gdziekolwiek chcemy dokument.
Aby stworzyć nagłówek, HTML ma tag „”. Ten tag ma dwie części: otwarcie „” i zamykające „”. Chcemy utworzyć nagłówek poziomu 1, więc użyjemy tagu jako „
". Aby wyrównać tekst w tym znaczniku, użyliśmy atrybutu „Wyrównaj”. Ta właściwość określa pozycjonowanie dowolnego tekstu, obrazu, linku, przycisku itp. na stronie internetowej. Tutaj używamy go do ustawienia naszego nagłówka tekstowego. Przypisaliśmy mu wartość „środkowa”, ponieważ potrzebujemy umieszczenia nagłówka na środku strony. Następnie określiliśmy tekst dla nagłówka jako „To jest nagłówek Markdown”. Następnie znacznik nagłówka jest zamknięty za pomocą „
".Teraz w oknie podglądu zauważysz, że nagłówek przeniesiono obecnie do centrum dokumentu.
Aby uzyskać wyraźne rozróżnienie, zapewniamy zarówno renderowane nagłówki wyjściowe, z Markdown i HTML, w migawce poniżej:
Nauczyliśmy się koncentrować nagłówek na stronie internetowej. Podobnie możesz wyrównać resztę nagłówków: w prawo, lewy, środek, uzasadnienie itp. Teraz zobaczymy, jak wyśrodkować akapity w Markdown. Najpierw utworzymy zwykły tekst w Markdown, aby zobaczyć jego wyrównanie, a następnie, używając HTML, zostanie on wyrównany do środka.
Aby utworzyć akapit tekstowy w Markdown, nie potrzebujemy żadnej składni. Po prostu napisz ciągnie tekstowe, a będzie wyświetlany jako zwykły akapit. Stworzyliśmy więc akapit jako „Uczymy się wyrównania normalnego tekstu na środku strony internetowej. Markdown wyświetli go w lewej pozycji strony z ustawieniami domyślnymi."
Wykonane wyjście wyświetla akapit oznaczony na lewej stronie.
Nie ma sposobu, aby poruszać się na środku z marką. Ponownie, HTML pozwoli nam to zrobić za pomocą swoich tagów. Utworzymy akapit w HTML za pomocą określonych tagów HTML do tworzenia akapitu, które są „”
…
". Pierwszy "„Tag to tag otwierający i„
„Tag to znacznik zamykania akapitu. Pomiędzy tymi dwoma tagami zostanie określony tekst do akapitu. Tak więc napisaliśmy akapit między tagami akapitowymi jako „Uczymy się wyrównania normalnego tekstu na środku strony internetowej. Aby wyrównać tekst w centrum, używamy HTML."Ten tekst będzie domyślnie wystawiony po lewej stronie. Aby zmienić jego wyrównanie, musimy użyć właściwości „wyrównania” w ramach otwarcia ”
”Tag. Więc wstawiliśmy „
„Tag w nim i dostarczył wartość„ Center ”, aby akapit został umieszczony na środku.Ponadto zmieniliśmy rozmiar czcionki tekstowej z normalnego na rozmiar „3”, używając znacznika HTML „” i określając rozmiar za pomocą atrybutu „Rozmiar”.
Teraz nowo utworzony akapit jest wyświetlany na środku, a rozmiar czcionki tego akapitu jest większy niż zwykły rozmiar tekstu.
Zobaczmy oba akapity wyjściowe razem, aby uzyskać lepsze różnice wizualne w migawce podanej poniżej:
Możesz zaobserwować zmianę wyrównania, a także zmiany wielkości czcionki w obu akapitach.
Możemy również wyrównać część akapitu do centrum, a nie do całego akapitu. W tym celu użyjemy klasy HTML „”.
Najpierw utwórz akapit Markdown, a następnie umieść linie tekstowe między tagami DIV „…”, które chcemy wyświetlić na środku. W otwierającym znaczniku Div użyliśmy atrybutu „Styl” i przypisaliśmy go wartość „Text-Align: Center”.
Wykonane wyjście pokazuje akapit częściowo wyrównany.
Kolejnym znacznikiem HTML, który można użyć do wyrównania tekstu do centrum, jest „”. Ten tag jest najprostszy i najłatwiejszy. Musisz tylko umieścić między znacznikami linia nagłówka lub tekstu lub akapit, aby ją wyśrodkować.
Aby umieścić nagłówek na środku, najpierw umieściliśmy tagi otwierające i zamykające „…”, a pomiędzy tymi tagami użyliśmy HTML ”
…
”Tagi do określenia nagłówka. Treść, którą dostarczyliśmy nagłówek, brzmi: „To nasz nagłówek poziomu 2."Obecnie utworzony nagłówek drugiego poziomu jest z powodzeniem wyrównany w środku dokumentu.
Podobnie możemy użyć tego środka znacznika akapitów w Markdown. Zainicjowaliśmy tagi „…” i użyliśmy „
… .
”Tagi między nimi, aby utworzyć akapit. Tekst podany między tagami akapitu brzmi: „teraz koncentrujemy akapit."To daje nam następujące dane wyjściowe:
Wniosek:
W tym artykule zapewniliśmy różne techniki ćwiczenia tagów HTML w celu wyrównania tekstu w centrum. Dane wyjściowe każdej techniki jest porównywane z natywną składnią Markdown, aby różnice były zrozumiałe. Zaimplementowaliśmy skrypty w kodzie Visual Studio w systemie operacyjnym Windows.