Jak podkreślić tekst w HTML

Hypertext Markup Language (HTML) to język, który projektuje front dowolnej strony internetowej, który może być statyczny lub dynamiczny. Strony internetowe, które są obecne w Internecie i są budowane online, takie jak Magento i WordPress, również pracują nad podstawowymi zasadami HTML. Podobnie jak inne języki programowania, HTML ma również polecenia znane jako znaczniki, a te tagi są napisane w nawiasach kątowych. Jak każdy inny edytor tekstu, HTML pozwala również na dodanie tekstu, obrazów, filmów lub dowolnego innego elementu w kodzie. Podstawową zawartością HTML jest tekst. HTML zawiera wiele funkcji, które należy zastosować do tekstu, aby ulepszyć funkcję projektu. Podkreślenie tekstu jest podstawowym i ważnym użyciem funkcji do projektowania tekstu zgodnie z popytem i wymaganiami strony internetowej. Jeśli tekst jest podkreślony, ma coś innego do pokazania lub ma inny wpływ na czytelnika. W tym przewodniku rzucimy światło na niektóre treści polegające na podkreśleniu tekstu.

Wymagane niezbędne

Istnieją dwa podstawowe narzędzia używane do wdrożenia kodu HTML to:

• Edytor tekstu
• Przeglądarka

Używane są dwa oprogramowanie; jeden jest używany jako wejście, a drugi jako wyjście. Piszemy kod w jednym narzędziu, a od drugiego możemy zobaczyć dane wyjściowe. Edytor tekstu przyjmuje kod. Domyślnie okno ma edytora notatnika, abyśmy użyli tego w naszym samouczku. Przeglądarka to platforma, która jest wymagana do uruchomienia w nim pliku HTML. Domyślnie Windows ma Internet Explorera do uruchamiania plików tekstowych. Poza tym potrzebujemy tagów HTML i CSS, aby wykonać to zadanie.

Format i składnia

Pojęcie podkreślenia tekstu może być możliwe, znając podstawową funkcjonalność i cechy HTML. Ciało HTML jest podzielone na dwie części. Jeden to głowa, a druga to ciało. Część główna jest napisana jako pierwsza; W tej części dołączamy tytuł strony internetowej. Ten tytuł jest widoczny, gdy uruchamiamy stronę HTML w przeglądarce. Wewnętrzna stylizacja jest również wprowadzana do ciała głowy. Jednocześnie część ciała zawiera wszystkie pozostałe znaczniki, w tym tekst, obraz itp.

HTML ma znaczniki otwierające i zamykające. Oba znaczniki są napisane przed i po tekście. Kod HTML zapisany w notatnikach jest zapisywany zarówno w rozszerzeniach Notate, jak i Przeglądarki. .Rozszerzenie TXT jest zapisywane jako kod, podczas gdy w przypadku HTML jest zapisywane dla przeglądarki. Plik edytora tekstu musi być 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.

Poniższy obraz to przykładowy kod HTML. W części głównej dodaliśmy nazwę tytułu. A w części ciała dodaje się znacznik akapitu.

Dane wyjściowe jest podglądane poniżej na obrazie. Akapit jest również domyślnie wyświetlany bez formatowania.

Przykład 1

Na tej ilustracji niczego nie zmieniamy w głowie. Dodaliśmy akapit, jak omówiono w próbie kodu HTML. Akapit ma trzy linie. Chcemy podkreślić środkową linię akapitu.

Ten tag ma również końcowy tag jak inni. Użyliśmy
tag w akapicie, który służy do przejścia do następnego wiersza. Ma również tagi otwarcia i końcowe. Ale można również użyć tylko znacznika końcowego.

Teraz zapisz plik, a następnie uruchom plik w przeglądarce.

Ze wyjścia zobaczysz, że środkowa linia akapitu jest podkreślona przez znacznik, którego użyliśmy w znaczniku HTML.

Przykład 2

W pierwszym przykładzie podkreśliliśmy całe zdanie. Ale w tym przypadku chcemy zdominować tylko jedno słowo. Więc użyjemy znacznika podkreślenia z tym słowem. Składnia tego podejścia jest również taka sama. Zobaczmy przykład podanego poniżej kodu.

Kiedy uruchamiamy kod w przeglądarce, otrzymujemy taki wynik.

Przykład 3

To jest przykład stylizacji wbudowanej. Ten styl jest dodawany do znacznika akapitowego lub znacznika nagłówka, cokolwiek chcesz sformatować. W tym przykładzie musimy napisać kod stylu w znaczniku nagłówka, aby uzyskać wynik i go zrozumieć. Poza tym cały tekst pozostaje nienaruszony.

Wyrównanie i formatowanie tekstu są jak odważne, kursywne itp. są główną częścią projektowania strony internetowej i są uważane za dekorowanie przedmiotów. Tak więc znacznik zawiera w nim instrukcję dekoracji tekstu. Teraz zapisz tekst i uruchom plik w przeglądarce. Ze wyjścia widać, że nagłówek jest podkreślony, podczas gdy inny tekst nie jest dlatego.

Przykład 4

To jest przykład stylizacji wewnętrznej. Oznacza to, że znacznik stylowy jest zapisany wewnątrz głównego korpusu HTML. Klasa jest zadeklarowana z nazwą kropki. Ta klasa jest inicjowana w tagu stylu. Odbywa się to, aby formatowanie było łatwe, uzyskując dostęp do klasy. Podczas gdy znacznik stylu i opis są takie same jak wewnętrzne CSS.

Cały tekst w akapicie jest podkreślany przez dodanie nazwy klasy. Uruchom kod pliku w przeglądarce.

W ten sposób podkreślony znacznik jest opisany w klasie za pomocą znacznika wewnętrznego.

Na mocy wyjścia można zobaczyć działanie tagów wewnątrz ciała HTML.

Przykład 5

To jest również przykład wewnętrznego CSS. W którym kod stylu napisany w nadwoziu jest taki sam.

Tutaj podkreślenie to nazwa klasy. Podczas gdy znacznik zapisany wewnątrz znacznika, który wskazuje, że nazwa klasy różni się od znacznika. Za każdym razem nie jest konieczne, więc używamy zamiast zamiast .

Możesz wyświetlić wyjście.

Przykład 6

Przez większość czasu chcesz podkreślić tekst w inny sposób niż linia prosta. Lub, w Microsoft Word, zauważyłeś, że słowo z niewłaściwymi pisowniami jest ozdobione zwartną linią. Takie podejście ma również deklarację klasową w ciele głowy. Podczas gdy klasa jest również wprowadzana do znacznika.

Możesz zauważyć, że w poprzednich przykładach dekoracja tekstu jest podkreślona, ​​ponieważ domyślnie podkreślona linia jest prosta. Ale możesz zrobić w nich loki, aby było faliste. Byłoby najlepiej, gdybyś wspomniał o tym znaczniku wewnątrz wewnętrznego znacznika. Wyjście można pokazać w przeglądarce.

Wyjście:

Wniosek

W tym artykule wyjaśniono przykłady dotyczące podkreślenia tekstu. Wiele podejść służy do zapisywania i uruchamiania pliku tekstowego, aby uzyskać wyniki na stronie internetowej lub na stronie internetowej.