Rozmiar czcionki Markdown
W tym samouczku odkryjesz użycie HTML w Markdown do zmiany czcionek tekstu/akapitu.
Przykład nr 1: Zmiana rozmiaru czcionki całego tekstu w Markdown
Modyfikowanie rozmiaru czcionki tekstu w Markdown można wykonać za pomocą znaczników HTML. W tym przypadku utworzymy przykładowe teksty i zmienimy ich rozmiary na różne odmiany.
Oprogramowanie, których używamy, do tworzenia przykładowych skryptów, to kod Visual Studio. Narzędzie jest uruchamiane, a typ pliku jest wybierany jako „Markdown”. Następnie otworzyliśmy okno podglądu, w którym zobaczymy wynik odpowiedniego wejścia. To podzieli okno na dwie części: ekran wejściowy i ekran podglądu.
Teraz zaczniemy od scenariusza. W pliku Markdown najpierw dodaliśmy nagłówek. Aby dodać nagłówek, używany jest symbol skrótu (#). Pojedynczy symbol hash odnosi się do nagłówka H1. Po symbolu HASH należy podać przestrzeń. Jeśli nie, wyświetli tekst jako zwykły ciąg. Tekst, który określliśmy dla nagłówka, to „Przewodnik zmiany rozmiaru czcionki Markdown”. Lepszą praktyką jest pozostawienie pustej linii przed dodaniem nagłówka.
Po określaniu tytułu dokumentu przejdziemy do ustawień rozmiaru czcionki. Aby pracować z czcionkami w Markdown, musimy dodać tagi HTML. Tag HTML, którego zamierzamy użyć, to „czcionki” owinięte w „” znaczniki. Z równą (=) jako operator przypisania do przypisania rozmiaru w liczbach. Bez względu na liczbę dostarczoną dla rozmiaru zostanie zapisana w cudzysłowie. To jest tag otwierający, który należy zamknąć po naszym tekście. Aby zamknąć znacznik, musimy dodać backslash (/) przed nazwą znacznika, który w naszym przypadku jest „”.
Pomiędzy znacznikami otwierającymi i zamykania, zapisz tekst, którego rozmiar czcionki chcesz zmienić w określonym rozmiarze. Aby napisać ciąg tekstowy o najmniejszym rozmiarze czcionki, musimy go napisać jako „”. Następnie ciąg, który dodaliśmy, brzmi: „Ustawiamy rozmiar 1 dla tego tekstu, który jest najmniejszym rozmiarem czcionki” i zamknij znacznik jako „”.
Kiedy napisaliśmy powyższy skrypt w pliku Markdown, okno podglądu wyświetliło nam odpowiedni wynik, który jest podany na poniższym obrazku, w którym można zobaczyć nagłówek. Pod nim ciąg tekstowy o najmniejszym rozmiarze czcionki.
Podobnie możemy zastosować więcej wariantów rozmiaru za pomocą znacznika czcionki HTML w Markdown. Zobaczmy niektóre inne rozmiary czcionek, których możemy użyć w Markdown.
Tym razem określliśmy rozmiar czcionki jako „2” w znacznikach czcionek HTML. Napisaliśmy stwierdzenie „** Dodajemy teraz odważny tekst w ciągu z rozmiarem czcionki 2 **”. Być może zauważyłeś, że dodaliśmy dwie gwiazdki (**) przed ciągiem tekstu i dwie gwiazdki po tekście, które są ogranicznikami. Dwie gwiazdki w Markdown są dodawane do odważnego tekstu. Oprócz zmiany rozmiaru czcionki, odważamy również cały sznur.
Obraz wyjściowy pokazuje ciąg tekstowy pod nagłówkiem z rozmiarem czcionki 2 i jest odważny.
Tekst z czcionką rozmiar 3 jest większy niż czcionka rozmiar 2. Ponadto, kursywą strukturę tekstową, dodając łączniki (_) przed i po ciągniku. Najpierw dodaj znacznik HTML „”, a następnie wstaw łącznik (_). Następnie napisano ciąg tekstowy. Łącznik jest wkładany po łańcuchu, a znacznik czcionki jest później zamknięty.
Tak wygląda ciąg tekstowy, gdy zastosujemy rozmiar czcionki 3 i sprawiamy, że jest kursywa.
Rozmiar czcionki można zmienić, aby odpowiadać Twoim potrzebom. Maksymalna obsługa znaczników wielkości czcionki to „7”. Następnie, niezależnie od liczby, którą dostaniesz dla rozmiaru czcionki, wyświetli tekst w rozmiarze czcionki 7.
Ustawiliśmy rozmiar czcionki „7” dla ciągu („to jest rozmiar czcionki 7”, aby dowiedzieć się, co dokładnie wykazuje tekst rozmiaru).
Tekst z maksymalnym obsługiwanym rozmiarem czcionki znajduje się w migawce poniżej.
Przykład nr 2: Zmiana rozmiaru czcionki bloku tekstowego w Markdown
Na powyższej ilustracji nauczyliśmy się zmienić rozmiar czcionki całego akapitu lub linii tekstowej. Inną praktyką, którą możemy tutaj zastosować, jest zmiana wielkości czcionki jakiegoś konkretnego tekstu zamiast całego akapitu, aby uczynić go bardziej widocznym dla oka lub podkreślenie go w jakimś ważnym celu. Ponadto zbadamy zmianę koloru dla określonych bitów tekstowych w ciągu.
W celu wdrożenia skryptu utworzyliśmy akapit w pliku Markdown. Teraz wybierzemy część niniejszego akapitu i zastosujemy do niego zmiany wielkości czcionki.
Aby ustawić rozmiar czcionki, wybraliśmy kawałek tekstu, który jest „przykładowym ciągiem tekstu”. Teraz, aby zmienić rozmiar czcionki, ten tekst zostanie zapisany między znacznikami rozmiaru czcionki HTML. Rozmiar czcionki, który ustawiliśmy dla tych trzech słów, to „4”. Tekst zapakowany w te tagi będzie wydawał się większy, a tekst przed i po tych znacznikach zostanie wyświetlony jako normalny tekst.
Tutaj widać, że bit tekstowy „przykładowy ciąg tekstowy” ma większy rozmiar czcionki niż reszta akapitu.
Tekst akapitu jest wyświetlany z domyślnym rozmiarem czcionki. Możemy go również zmienić, stosując znacznik czcionki dla całego akapitu, a także dla niektórych konkretnych słów w tym akapicie. Na przykład zmieniliśmy rozmiar czcionki dla całego akapitu na „3”, a dla odrobiny tekstu ustawiliśmy go na „5”. Można to zrobić za pomocą dwóch tagów czcionek HTML; jeden dla całego akapitu, a drugi dla tekstu w tym samym akapicie.
Oto akapit wyjściowy.
Teraz, aby dodać więcej szczegółów do tego akapitu, zmienimy kolor słowa, uczynimy go odważnym, a także kursywą tekst.
Aby zmienić kolor, użyliśmy znacznika „Span” HTML. W znaczniku Span użyjemy atrybutu „Styl” i przypisujemy go kolor. Więc napisaliśmy to jako „”. Aby zamknąć ten znacznik, po prostu dodaj oprawę z rozpiętością jako „”. Do odważnego tekstu w Markdown używane są podwójne gwiazdki (**) delimiter (**). Do kursywy stosuje się sekwencję tekstu (_) i do zastosowania obu tych razem użyj potrójnych gwiazdek.
Okno podglądu daje nam akapit, w którym bity tekstowe są inaczej rozmiar, słowo „tekst” jest w kolorze żółtym i jest odważny, a także kursywą. W drugim wierszu podkreślane jest również słowo „różne”.
Wniosek
Zmiana wielkości czcionek w Markdown można wykonać poprzez zastosowanie tagów HTML i określenie liczby czcionki. Zarówno cały tekst, jak i jego określona sekcja może mieć zmieniony rozmiar czcionki. Obie te techniki zostały omówione i opracowane w tym artykule, praktycznie stosując metodologię w Markdown. Użyliśmy również znacznika „Span” przez HTML, aby zmienić kolor określonego bitu tekstu. Dodatkowo metoda do odważnego i kursywy tekstu jest wykonywana w tym samouczku.