Podczas tworzenia strony internetowej należy poradzić sobie z różnymi problemami projektowymi. Jednym z najczęściej zadawanych pytań jest zmiana koloru tekstu w HTML. Rozwiązanie tego problemu jest dość proste i istnieją dwa różne sposoby.
Ustawianie atrybutu stylu tekstu wbudowanego
Aby zrozumieć, jak zmienić kolor tekstu w HTML, wystarczy spojrzeć na listę atrybutów pola tekstowego. Wśród nich jest kilka wartości, które określają styl tekstu zawartego w tych tagach, które są określone w słowie kluczowym style.
Aby zmienić kolor tekstu, wystarczy wpisać słowo style \u003d "" w wybranym obszarze pola tekstowego wewnątrz otwierającego tagu. Wewnątrz tego atrybutu można określić różne wartości parametrów - wartość atrybutu koloru odpowiada za zmianę odcienia koloru tekstu. Podając ten parametr, po znaku dwukropka należy określić kolor, w jakim będą namalowane wszystkie znaki w tym polu. W takim przypadku podczas definiowania odcienia można określić zarówno jawną wartość koloru, na przykład czerwony lub żółty, jak i jego wartość szesnastkową, czyli rgb.
Niezależnie od wybranej metody określenia koloru wynik będzie taki sam w przypadku takiego samego doboru odcienia. W związku z tym wszystkie poniższe trzy przykłady wprowadzą takie same zmiany w tekście - będą go pokolorować na żółto.
1.
tekst
2.
tekst
3.
tekst
Zmiana koloru za pomocą CSS
Korzystanie z arkusza stylów pozwala również zdecydować, jak zmienić kolor tekstu w HTML. CSS jest w pełni obsługiwany przez wszystkie nowoczesne wersje HTML, a także pozwala na jednoczesne stylizowanie wielu elementów strony.
Aby zrozumieć, jak zmienić kolor tekstu w HTML za pomocą CSS, nie musisz rozumieć formalnego języka definiowania wyglądu. Aby zdefiniować atrybuty jakiegoś elementu, musisz utworzyć opis CSS, który jest zapisywany wewnątrz tagu
i jest definiowana przez tagPrawo zewnętrzne
Prawo świata zewnętrznego metodologicznie wyprowadza świat zrozumiały, chociaż oficjalnie przyjmuje się odwrotnie.
Wynik tego przykładu pokazano na ryc. 1.
Postać: 1. Kolor tła pod tekstem tytułu
Zwróć uwagę, że na rozmiar kolorowego prostokąta wpływa nie tylko rozmiar tekstu, ale także obicie wokół niego. Dlatego dostosuj rozmiar tła za pomocą właściwości padding, dodając je ponownie do selektora h1.
Data utworzenia: 2009-11-18
Więc teraz czas się uczyć, jak zmieniają się kolory tekst, który wprowadziłeś. Ta lekcja będzie się składać z 2 części... W programie pokolorujemy oddzielną część tekstu, aw programie cały tekst jednym kolorem, a niezbędną jego część innym kolorem.
1 część
Chociaż wszystkie kolory w HTML są napisane w nietypowy sposób, jest to bardzo proste. Najpierw sugeruję pobranie internetowej palety kolorów, klikając słowo PALETA lub poszukaj w Internecie pełniejszej wersji. W pobliżu każdego koloru w znalezionej palecie będzie kod (angielskie litery i cyfry). Aby nasz kolor był na przykład niebieski, musimy napisać następujący tag:
Witaj! Pierwsze kroki z HTML
To znaczy, co mamy:
1.
tekst jest zawinięty w znacznik
...
2.
etykietka
ma atrybut color (color) \u003d # 0000FF
Wróćmy teraz do naszego przykładu i spójrzmy na wszystko wizualnie. Otwórz ponownie utworzoną wcześniej stronę w Notatniku i zmień kolor czcionki:
Aktualizujemy stronę HTML i sprawdzamy, co się stało:
Wynik: Pierwsza linia jest teraz niebieska, a druga jest domyślną czarną.
W ten sam sposób możesz pokolorować dowolną niezbędną część tekstu, niezależnie od tego, gdzie się znajduje, na początku, w środku lub na końcu tekstu.
2. część
Teraz my ustaw kolor dla całego tekstu dokumentu... Robi się to bardzo łatwo. Pamiętajmy o naszym trzecim artykule. Powiedzieliśmy w nim, że wszystko, co budzi się widoczne w przeglądarce, jest zapisane w tagu ... , czyli w „treści” naszego dokumentu.
I sposób, w jaki wiemy ... - jest również tagiem, dlatego możemy go, jak również tagiem ... ustaw wymagane atrybuty.
W tym przypadku kolor jest ustawiany w otwierającym tagu , a wpis będzie wyglądał następująco: Cały tekst w dokumencie
W tym przypadku cały tekst dokumentu, z wyjątkiem tego zawartego w tagach ... z przypisanym kolorem budzi się jako czerwony.
Spójrzmy teraz na tę część artykułu z przykładem. Przypiszmy kolor czerwony całemu tekstowi dokumentu, a tekst, który uczyniliśmy niebieskim w części 1, zostawmy. Aby to zrobić, po prostu napisz kod do otwierającego tagu :
Następnie, jak zawsze przed przeglądaniem, zapisujemy dokument:
Na koniec odśwież stronę HTML w przeglądarce:
Wynik: Dowiedzieliśmy się, jak nadać żądany kolor całemu tekstowi dokumentu, a także uczynić część tekstu innym kolorem.