Tag w stylu HTML

„Stylowa metka HTML może być używana do upiększania wyglądu Twojej strony internetowej. Zawiera między innymi zmianę stylów czcionek, rozmiarów czcionek, kolorów czcionek, wyrównania tekstu, koloru tła tekstowego itp. W tym artykule pokażemy Ci, w jaki sposób możesz użyć znacznika stylu HTML na wiele sposobów i zmienić ogólną perspektywę swojej strony internetowej."

Jak używać stylu tagu HTML?

Istnieje wiele sposobów, w jakie można użyć znacznika stylu HTML. Niektóre z nich zostały wyjaśnione w następujących pięciu przykładach:

Przykład 1: Zmiana rodziny czcionek tekstu

Za pomocą tego przykładu nauczymy się używać różnych stylów czcionek do naszego tekstu za pomocą znacznika stylu HTML. Skrypt HTML do tego, pokazano poniżej:

Korzystając z skryptu HTML pokazanego powyżej, chcieliśmy wydrukować stwierdzenie „Witamy w Linuksie!”W czterech różnych stylach czcionek. Do tego użyliśmy znacznika w stylu HTML, a następnie atrybutu rodziny czcionki i nazwy odpowiedniej czcionki. Następnie wspomnieliśmy o stwierdzeniu, że chcieliśmy pojawić się w różnych stylach czcionek.

Cztery różne style czcionek, których użyliśmy w naszym skrypcie, można zobaczyć na poniższej stronie internetowej:

Przykład 2: Zmiana rozmiaru czcionki tekstu

W tym przykładzie nauczymy się zmieniać rozmiar czcionki naszego tekstu, używając znacznika stylu HTML, dla którego napisaliśmy skrypt pokazany poniżej:

W tym skrypcie użyliśmy atrybutu wielkości czcionki z znacznikiem stylu HTML i użyliśmy różnych rozmiarów czcionek w wartościach procentowych, a także w pikselach dla naszego pożądanego tekstu.

Możesz zobaczyć na poniższej stronie internetowej, że nasz określony tekst pojawił się w różnych rozmiarach czcionek:

Przykład 3: Zmiana koloru czcionki tekstu

W tym przykładzie powiemy ci, w jaki sposób możesz zmienić kolor czcionki tekstu za pomocą znacznika stylu HTML, dla którego będziesz musiał odwołać się do skryptu pokazanego poniżej:

Podobnie jak nasze pierwsze dwa przykładowe skrypty, w tym przykładzie użyliśmy tego samego znacznika stylu. Jednak tym razem użyliśmy atrybutu kolorów do wyświetlania naszego pożądanego tekstu w różnych kolorach.

Nasz określony tekst w różnych kolorach jest pokazany na stronie internetowej na następujący obraz:

Przykład 4: Zmiana wyrównania tekstu

Teraz porozmawiamy o zmianie wyrównania tekstu za pomocą stylu tagu HTML. W tym celu stworzyliśmy skrypt HTML pokazany poniżej:

W tym skrypcie użyliśmy tego samego tekstu, który chcieliśmy pojawić się w trzech różnych wyrównaniach, tj.mi., środkowy, prawy i lewy. W tym celu użyliśmy znacznika stylów HTML, a następnie atrybut tekstu tekstu.

Nasz przykładowy tekst w trzech różnych wyrównaniach jest pokazany na poniższej stronie internetowej:

Przykład 5: Zmiana koloru tła tekstu

Na koniec nauczymy się zmieniać kolor tła naszego tekstu za pomocą znacznika stylu HTML, dla którego użyjemy skryptu pokazanego poniżej:

W tym skrypcie po prostu użyliśmy znacznika stylu HTML, a następnie atrybutu koloru tła do używania różnych tła dla naszego tekstu.

Nasz przykładowy tekst z różnymi kolorami tła jest wyświetlany na następującej stronie internetowej:

Wniosek

Ten artykuł koncentrował się na stylu HTML. Aby podkreślić znaczenie tego znacznika HTML, zademonstrowaliśmy pięć różnych przykładów, które korzystały z tego znacznika na wiele sposobów. Postępując zgodnie z tymi przykładami, możesz łatwo zmodyfikować styl czcionki, rozmiar czcionki, kolor czcionki, wyrównanie tekstu i kolor tła tekstu swojej strony internetowej, a zatem możesz nadać mu zupełnie nowy atrakcyjny wygląd, a także w ciągu kilku sekund.