————————————————————————
O kodach kolorów i jak je stosować
Zmiana typu czcionki wyświetlanej na stronie internetowej
Za pomocą CSS
Za pomocą Tagu czcionki
Główne kody kolorów szesnastkowo
Opis tabeli
Kody kolorów dla Wykresów
O kodach kolorów i jak je stosować:
W HTML’u kody kolorów reprezentowane są w postaci ciągu 6 cyfr zapisanych w kodzie szesnastkowym. Te cyfry tworzą liczbę zapisana w kodzie szesnastkowym.
W liczbie tej należy wydzielić trzy grupu liczb dwu znakowych. Grupy te reprzentują, licząc od lewej strony, kolejne kolory podstawowe;RGB (czerwony , zielony, niebieski).
Oto przykład:
Kod koloru czerwonego o maksymalnym nasyceniu to 256 w zapisie dziesiętnym.
W kodzie używanym w HTML’u w zapisie szesnastkowym to: FF0000
FF 00 00
Dla zobrazowania tego zapisu pokażę go z rozdzielonymi grupami dla kolorów podstawowych:
Taki zapis koloru w HTML’u oznacza dla tego języka pisz używając mieszaniny kolorów:
Kolor czerwony nasycenie: maksymalne
Kolor zielony nasycenie: brak
Kolor niebieski nasycenie: brak
problemZmiana typu czcionki wyświetlanej na stronie internetowej.
rozwiązanieCSS
Zalecaną metodą zmiany koloru czcionki jest używanie kaskadowych arkuszy stylów (ang. Cascading Style Sheets) — język służący do opisu formy prezentacji stron WWW czyli CSS. Poniżej znajdują pokażę dwa różne sposoby jak to zrobić z CSS.
Jeden sposób: Dla Korzystanie tylko jeden raz:Jeśli planujesz zmianę czcionki tylko raz na stronie użyj poniższego przykładu. W poniższym przykładzie mamy zmianę się całego tekstu zawartego miedzy dwoma Tagami Html <span>..tu umieszczamy tekst w innym kolorze..</ span>, aby użyć czcionki Courier w kolorze niebieskim o kadzie szesnastkowym # 0066CC.
<span style="font-family: Courier; color: #0066CC;">Ten tekst jest napisany czcionką typu Courier koloru niebieskiego</span>
Drugi sposób Jeśli Planujesz używać go więcej niż raz lub na wielu stronach:
Jeśli planujesz za pomocą wybranej czcionki, wybranego kolor lub użyć inne właściwości fontu więcej niż raz proponuję wykonać następujące czynności.
W części swojej strony internetowej w kodzie tej strony między znacznikami <head> ... </ head> dodać kod podobny do podanego poniżej w tym przykładzie.
W tym przykładzie tworzymy styl tzw. Kuriera czyli nową klasę , która używa czcionki typu Courier pisząc kolorem o kodzie szesnastkowym # 005CB9. Przeglądarki są informowane że używamy kodu szesnastkowego do określenia koloru stawiając przed kodem koloru znak (hash) #.Wykaz tych kodów kolorów i przykłady tych kolorów można znaleźć na dalszych stronach w tym dokumencie.
A oto fragment kodu, który należy umieścić gdzieś między tagami <head>... </head> w kodzie swojej strony tworząc nowa klasę stylu o nazwie Kurier.
Za pomocą nazwy tu utworzonej klasy można będzie potem przywołać ją kodzie strony.
<style type="text/css">.Kurier {font-family: Courier;color: #005CB9;}</style>
Po zdefiniowaniu tego stylu może on być stosowany wszędzie na twojej stronie za pomocą jednego sposobu z poniższych przykładów.
W pierwszym wszystko np. zawarte w paragrafie miedzy znacznikami (<p>...</ p>) będzie pisane czcionką Courier i kolorem niebieskim o zdefiniowanym kodzie.
<p class="Kurier">W pierwszym wszystko np. zawarte w paragrafie miedzy znacznikami paragrafu będzie pisane czcionką Courier i kolorem niebieskim o zdefiniowanym kodzie.</p>
Na stronie ten paragraf będzie wyglądał tak:W pierwszym wszystko np. zawarte w paragrafie miedzy znacznikami paragrafu będzie pisane czcionką Courier i kolorem niebieskim o zdefiniowanym kodzie.
W drugim przypadku tylko część tekstu zawarta między znacznikami <span>...</span> w linii w będzie pisana czcionką Courier w kolorze niebieskim zdefiniowanym w utworzonej klasie. Wszystko co będzie poza znacznikami <span>...</span> będzie w innym kolorze.
<p> W pierwszym wszystko np. zawarte w paragrafie miedzy znacznikami paragrafu będzie pisane czcionką <span class="Kurier">Courier i kolorem niebieskim o zdefiniowanym kodzie</span>.</p>
Na stronie w tym przypadku ten paragraf będzie wyglądał tak:W pierwszym wszystko np. zawarte w paragrafie miedzy znacznikami paragrafu będzie pisane czcionką Courier i kolorem niebieskim o zdefiniowanym kodzie.
Styl czcionki może być również zdefiniowany w zewnętrznym pliku. Css, jak pokazano w przykładzie poniżej umieszczając ten fragment kodu w pliku tekstowym zewnętrznym o rozszerzeniu .css.
Ten plik wywołuje się za pomocą polecenia podobnego jakie jest użyte w kodzie twojej strony internetowej miedzy znacznikami <HEAD>...</HEAD>. W poniższym przykładzie nazwałem ten plik basic.css. Gdy wywołanie tego pliku stylów CSS jest umieszczone w kodzie można użyć przywołania tego samego stylu, aby włączyć styl o nazwie Kurier, który włączy czcionkę Courier pisząc tekst w kolorze niebieskim zdefiniowanym w tej klasie, ten styl możesz włączyć wtedy w dowolnej z twoich stron internetowych, które zawierają ten kod lub odwołanie do arkusza stylów CSS. Jeśli w dowolnym momencie w przyszłości będziesz chciał zmienić właściwości tego stylu będziesz musiał tylko zmienić kod w pliku stylów basic.css.
Opis dokumentacji i stylów CSS jest na stronie o adresie:http://www.example.com/basic.css
Tag czcionki
Mimo, że HTML jest językiem przestarzałym, może być nadal używane i mogą być konieczne przypadki do stosowania go z niektórymi usługami online. Kiedy przy użyciu znacznika FONT, należy umieścić atrybut face (wygląd), który to atrybut jest nazwą czcionki, której chcemy użyć. W poniższym przykładzie, używaliśmy czcionki Courier.
<font color="#005CB9" face="courier">This is a special font</font>
Pamiętaj, że zmiana czcionki w której mają być wyświetlane teksty na Twojej stronie, jeśli użytkownik odwiedzający Twoją stronę WWW nie posiada takiej czcionki jaką używasz na swojej stronie Internetowej, czcionka jaka zostanie wtedy użyta do wyświetlenia tekstu u użytkownika odwiedzającego Twoja stronę to będzie to przywołana czcionka domyślna jako czcionka dla wyświetlanego tekstu.
dodatkowe informacje
u Zobacz dalszy opis Kody Kolorów pełną listę kodów kolorów i przykłady tego, jak każdy kod koloru wygląda pokazane są w dalszej części opisu.
u Zobacz dalszy opis Definiowanie tła i tekstu.
Kody kolorów szesnastkowo
Kolor
Kod Koloru
Red
#FF0000
#FFFFFF
Cyan
#00FFFF
#C0C0C0
Blue
#0000FF
...
saj5