Jak zrobić tekst kursywy w HTML
Hypertext Marka Language (HTML) to język front-end używany do projektowania i opracowywania strony internetowej. HTML jest podstawowym językiem wszystkich języków używanych do projektowania statycznych lub dynamicznych stron internetowych. HTML ma wiele funkcji, które są wymagane przy projektowaniu. Za pomocą tagów, poleceń napisanych w nawiasach kątowych, zaprojektowana jest strona internetowa. HTML umożliwia użytkownikowi tworzenie lub edytowanie tekstu, obrazu lub dowolnego innego elementu, jak każdy edytor tekstu, i.mi., Microsoft Word. Zawartość HTML to tekst, obraz, kolor, design itp. Projekt jest bardzo ważną częścią, ponieważ jest odpowiedzialny za dekorowanie tekstu. Wykonanie tekstu kursywą jest jednym z przykładów projektowania tekstu. Ten element jest ważny w podkreśleniu lub skierowaniu uwagi użytkownika. Niektóre przykłady są podkreślone w tym samouczku.
Wymagane niezbędne
HTML wymaga dwóch narzędzi do projektowania i opracowywania strony internetowej. Jeden to edytor tekstu, który jest wymagany do napisania w nim kodu HTML. Może to być dowolny edytor tekstu w Twoim dostępie, ja.mi., Notatnik, Notatnik ++, Sublime, Visual Studio itp. Drugi to przeglądarka na komputerze, Google Chrome, Internet Explorer itp. W tym artykule użyliśmy Notatnika i Google Chrome. Do projektowania strony statycznej potrzebujesz HTML i do stylizacji arkusza stylów CSS. Każdy z nich jest używany w tym przewodniku z przykładami.
Format HTML
Aby wyjaśnić projekt tekstu kursywnego, najpierw rozumiemy kod HTML. Kod HTML ma dwie części. Jedna to część głowy, a druga w ciele. Uwzględniamy tytuł w części głównej; Ta nazwa tytułu to właściwie tytuł strony. Wewnętrzna stylizacja jest również wykonywana wewnątrz ciała głowy. Podczas gdy ciało zawiera wszystkie inne znaczniki związane z tekstem, obrazem i kolorem itp. Poza tym, cokolwiek chcesz dodać do strony HTML, jest zapisane w części ciała kodu HTML.
…
… .
Poniższy obraz to przykładowy kod HTML. Możesz zobaczyć, że nazwa tytułu jest zapisana w części głównej. Jednocześnie dodaliśmy akapit w treści HTML za pomocą tagu
. Następnie znacznik ciała i znaczniki HTML są zamknięte.
Wyjście tej próbki jest widoczne w przeglądarce. Możesz zobaczyć, że nazwa tytułu jest pokazana w nazwie zakładki, którą zadeklarowaliśmy w głowicy kodu HTML.
HTML ma znaczniki otwierające i zamykające dla wszystkich znaczników zapisanych w jego ciele. Po otwarciu kodu musi zostać zamknięty po zapisaniu tekstu między nim. Znacznik jest zamknięty z cięciem w nim. Kod jest następnie zapisywany w pliku notatnika. Jedną rzeczą, o której należy pamiętać, że podczas zapisywania kodu plik edytora tekstu musi zostać zapisany z rozszerzeniem HTML. Na przykład próbka.html. Następnie zobaczysz, że plik jest zapisywany z ikoną bieżącej przeglądarki, której używasz do tego celu.
To było tło projektowania w HTML. Teraz użyjemy prostego przykładu, aby tekst kursywa.
Przykład 1
Weź plik notatnika i napisz prosty kod HTML, jak opisano wcześniej w tym przewodniku. Dodaj akapit dwóch linii w części ciała. Aby tekst kursywa. Użyj tagu Na początku słów chcesz być w formie kursywnej
…To jest tag do tekstu Kursywa. Jak widać na poniższym obrazku, to znacznik otwierający napisany na początku i to znacznik zamykający. Zamknij ciało i HTML.
Teraz zapisz plik i uruchom go w przeglądarce, aby zobaczyć wyjście pliku.
Ze wyjścia można zauważyć, że zdanie, które wykonaliśmy w kodzie, jest w formie kursywnej, podczas gdy pierwsze zdanie pojawiło się w normalnym formacie.
Przykład 2
W tym przykładzie stworzymy określone słowo w formie kursywnej zamiast całego zdania tekstu. W całym akapicie używane są znaczniki otwierające i zamykające.
Teraz jeszcze raz zapisz plik, a następnie uruchom go w przeglądarce. Widać, że jakaś określona część tekstu jest w formie kursywnej, którą chcemy uczynić Kodeksu Kodeksu.
Przykład 3
Oprócz korzystania z znacz w tekście, istnieje inna metoda, aby stworzyć tekst w formie kursywnej. Takie podejście do podkreślenia pewnej części tekstu. Ten tag ma również tagi otwierające i zamykające. Zastosowana do niego składnia;
… .Tekst jest zapisywany między dwoma tagami; W tym przykładzie użyliśmy tego znacznika dwa razy w akapicie. Zobaczmy obraz kodu umieszczonego poniżej.
W obu zdaniach użyliśmy Raz w akapicie. Wyjście jest uzyskiwane przez uruchomienie pliku HTML w formacie przeglądarki.
Przykład 4
Jest to przykład, w którym zastosowaliśmy inne podejście, aby pokazać słowa w formie kursywnej. Implikuje użycie w tekście. W tym przykładzie zastosowaliśmy ten znacznik do całego tekstu napisanego w treści HTML.
…Po zamknięciu wszystkich znaczników uruchom plik w przeglądarce.
Przykład 5
Do tej pory omawialiśmy stylizację tekstu. Tworzenie kursywnej formy tekstu odnosi się również do stylizacji i projektowania tekstu. Stylizacja jest trzech rodzajów. Jeden jest wbudowany, drugi jest wewnętrzny, a trzeci jest zewnętrzny. Stylizacja inline odbywa się w tagu. Wewnętrzne jest napisane wewnątrz ciała głowy. A stylizacja zewnętrzna odbywa się w innym pliku z rozszerzeniem .CSS.
To jest przykład wbudowanego CSS; Tutaj napisaliśmy kod w tagach akapitu. Oświadczyliśmy, że oświadczenie stylu jako styl czcionki jest kursywą. To oświadczenie jest zapisane wewnątrz znacznika, więc nie będzie miał żadnego znacznika zamykającego, jak widać na powyższym obrazku. Teraz zamknij wszystkie tagi i uruchom je w przeglądarce. Pokazuje te same wyniki, jak pragnieliśmy.
Przykład 6
Po Inline dodamy teraz przykład stylizacji wewnętrznej. Tutaj w części głowicy dodawana jest klasa. Następnie nazwa klasy jest zadeklarowana wewnątrz znacznika akapitu w korpusie HTML. Aby był łatwo dostępny.
Widać, że klasa jest inicjowana metodą DOT. W kodzie są dwa akapity; Zastosowaliśmy ten styl na jednym z nich. Jest to więc przydatne, gdy chcemy sformatować jeden akapit.
Deklaracja klasowa w akapicie jest;
To będzie dostęp do klasy w głowie. Teraz zobacz wyjście. Zauważysz, że jeden z akapitów jest w postaci kursywy.
Wniosek
Ten artykuł przedstawia formatowanie tekstu w formie kursywnej. Projektowanie tekstu jest istotną częścią projektowania strony internetowej.