Jak sformatować tekst HTML
- Tagi
- CSS
Metoda 01: Styl tag
Bez użycia CSS, HTML pozwala nam stylizować tekst za pomocą znaczników. HTML ma mnóstwo tagów formatowych. Tekst może być odważny, kursywą lub podkreślić za pomocą niektórych znaczników. Istnieją dwa rodzaje tagów formatowych w HTML:
Fizyczny tag: Fizyczna struktura zawartości jest dostarczana przez te tagi. Fizyczny znacznik do pogrubiania tekstu w HTML będzie … . Chociaż Mark jest rzeczywiście elementem układu strukturalnego, nie ma wartości semantycznej.
Logiczny tag: Takie znaczniki są używane do nadania tekstu dodatkowego znaczenia logicznego lub kontekstowego. Możemy użyć … Tagi w HTML, aby odważyć tekst. Tag nadaje semantyczne znaczenie treści.
Prosty format HTML:
Miejmy kilka przykładów dla tagów fizycznych i logicznych, które śmiały tekst w HTML. W dowolnym systemie operacyjnym najpierw przejdź do paska wyszukiwania i napisz „notatnik”, aby go otworzyć. Po wyskakowaniu kliknij aplikację Notatnika, aby ją otworzyć. Teraz notatnik został otwarty; musisz napisać w nim tekst. Pamiętaj, że tagi HTML muszą być używane w tym pliku do stylizacji strony internetowej. Podczas pisania dowolnego pliku HTML musisz śledzić format HTML do pisania treści tekstowych. Musisz dodać znacznik, aby system wyjaśnił, że jest to plik typu HTML. Następnie użyj znacznika, aby uruchomić język HTML. Tag został użyty do oddzielenia obszaru głowy strony HTML od jej powierzchni ciała. Obszar jest faktycznym obszarem, w którym wszystkie tagi językowe zostały użyte do tworzenia i formatowania stron. Na przykład użyliśmy tagu akapitowego
…
wyjaśnić, że napisany w nim tekst jest przedstawiany jako akapit. Na koniec i tag został użyty do zakończenia kodu. Ilekroć używasz dowolnego znacznika otwierającego, upewnij się, że użyj znacznika zamykania. Aby zapisać ten plik, naciśnij Ctrl+S. Zapisując ten plik, nie zapomnij dodać „.rozszerzenie html ”na imię pliku. W ten sposób możemy łatwo sprawić, że nasz plik będzie działał i otworzyć je w naszej przeglądarce.Tekst tutaj
Teraz, gdziekolwiek zapisałeś swój plik, możesz zobaczyć, że ma on ikonę przeglądarki. Doube kliknij, aby otworzyć ten plik w przeglądarce. Plik zostanie otwarty w przeglądarce, a poniższe wyjście otrzymasz poniżej w zrzucie ekranu poniżej.
Przykład 01:
Zróbmy przykład fizycznego znacznika … Aby uzyskać odważny tekst na naszej stronie. Użyliśmy akapitu w tekście tagu HTML. Używamy pierwszego wiersza akapitu jako prostego tekstu, a drugi wiersz znajduje się w odważnym znaczniku … . Oznacza to, że wyjście powinno pokazać drugą linię, która ma być odważna na stronie przeglądarki internetowej. Zapisz plik i kliknij dwukrotnie ikonę pliku, aby otworzyć go w przeglądarce.
Przeglądarka została otwarta i pokazuje wyjście jak poniżej. Pierwszym zdaniem strony jest prosty tekst, a drugi jest odważny jako fizyczny znacznik … został użyty w tekście HTML.
Przykład 02:
Użyliśmy … tag, aby pogrubić jedno zdanie w powyższym przykładzie. Teraz użyjemy tego samego znacznika, aby pogłębić tekst całego akapitu. Stąd w ramach akapitu rozpoczęliśmy odważny tag . Następnie dodaliśmy tekst akapitu i zamknęliśmy odważny znacznik . Następnie zamknęliśmy znacznik akapitu, a reszta jest taka sama jak w powyższych przykładach. Zapisz plik i otwórz go, kliknij go dwukrotnie.
Poniższe wyjście pokazuje, że cały tekst akapitu został sformatowany jako odważny.
Przykład 03:
W powyższych przykładach widzieliśmy, jak pogrubić jedno zdanie i akapit. Możemy również użyć odważnego znacznika … w naszym kodzie HTML, aby odważnie śmiało niektóre słowa lub frazy. Tak więc, w tym samym pliku HTML, użyliśmy śmiałego znacznika … odważne niektóre słowa lub ważne wyrażenia. Użyliśmy odważnego znacznika na początku i na końcu słów, e.G., AQSA Yasin, Content Writer, CSS Oficer i 25. Rest jest przyjmowany jako prosty tekst. Zapisałem plik i kliknij go dwukrotnie, aby uruchomić.
Po uruchomieniu pliku w przeglądarce można zobaczyć poniższe dane. Ważne słowa, które są pogrubione przez znacznik, są z powodzeniem wyświetlane na obrazie.
Przykład 04:
Teraz będziemy używać znacznika logicznego, aby pogłębiać tekst w HTML. Chociaż tag … nie został specjalnie używany do pogrubienia tekstu, służy do określenia logicznego znaczenia tekstu. W ten sposób tekst staje się odważny, a użytkownik może go postrzegać jako odważny tekst. Dlatego w naszym starym pliku użyliśmy tej samej struktury HTML. W tym pliku użyliśmy linii tekstowych w akapicie. Pierwszy i trzeci wiersz tekstu był prosty bez żadnego dodatkowego znacznika. Wręcz przeciwnie, użyliśmy Bold … tag na drugiej linii i tag na ostatnim wierszu akapitu.
Wyjście jest zgodne z oczekiwaniami. Silny i odważny działał tak samo, jak pokazano na poniższym obrazku.
Metoda 02: Stylizacja CSS
Noś w myślach, że bardzo podobny efekt można osiągnąć w HTML za pomocą atrybutu CSS Font-Weight. Ten atrybut może być używany w pliku HTML w głównym znaczniku. Stąd użyliśmy poniższego kodu HTML w naszym pliku. Użyliśmy tego stylu jako „czcionek = odważny”, aby stylizować cały akapit jako odważny w głównym znaczniku
…
.Wyjście jest dość zrozumiałe.
Innym sposobem użycia stylu CSS do odważnego tekstu jest… tag. Użyliśmy tego znacznika w tekście pierwszej i trzecie.G., AQSA Yasin i Content Writer.
Wyjście pokazuje frazy jako odważne na poniższym obrazku.
Wniosek:
W tym przewodniku wykorzystano trzy sposoby stylizacji tekstu HTML jako odważnego, e.G., BOLD TAG … , Mocny tag i styl CSS. Mam nadzieję, że na końcu jest łatwy do wdrożenia.