-
14618 -
11803 -
101871 -
8534
138846 plików
1707,35 GB
Ogólnie o Czcionkach w HTML !!
saj5
<font> ... </font>
Dzięki temu poleceniu, możesz określić wiele parametrów dotyczących pisanego tekstu. Poniżej pokażę listę tych parametrów.
<font size="n"> ... </font>
gdzie: "n" oznacza wielkość pisma (1 - najmniejsza, 7 - największa,
3 - domyślna)
█ Przykład:
Czcionka o rozmiarze 1 (w Internet Explorerze 10 pikseli)
Czcionka o rozmiarze 2 (12 pikseli)
Czcionka o rozmiarze 3 - domyślna (16 pikseli)
Czcionka o rozmiarze 4 (18 pikseli)
Czcionka o rozmiarze 5 (24 piksele)
Czcionka o rozmiarze 6 (32 piksele)
Czcionka o rozmiarze 7 (48 pikseli)
2.) Wartość względna.
<font size="+n"> ... </font>
lub
<font size="−n"> ... </font>
gdzie:
"+n" oznacza czcionkę o "n" większą od aktualnej. Natomiast
"−n" oznacza czcionkę o "n" mniejszą od bieżącej.
█ Przykład:
To jest czcionka o rozmiarze domyślnym
Czcionka o rozmiarze +1 (3+1=4)
Czcionka o rozmiarze −1 (3−1=2)
gdzie: "kolor" oznacza kolor jaki chcemy nadać tekstowi (np.: "#130dc5" lub "black" itd.).
Każdą barwę można utworzyć mieszając w odpowiednich proporcjach trzy kolory podstawowe: czerwony, zielony i niebieski (RGB - od angielskich słów:
Red - czerwony,
Green - zielony,
Blue - niebieski).
Nasycenie każdego z kolorów zapisujemy w definicji barwy w postaci: #RRGGBB, gdzie:
RR - nasycenie koloru czerwonego;
GG - nasycenie zielonego;
BB - nasycenie niebieskiego
(znak # oznacza, że definiujemy kolor w kodzie HEX).
Wszystkie składowe muszą być podane w systemie szesnastkowym i poprzedzone znakiem #.
Im większa liczba, tym jaśniejszy kolor. Zauważ, że liczba musi się składać z sześciu cyfr, nawet jeśli są to same zera!
Przypominam, że w systemie szesnastkowym (HEX) jest szesnaście podstawowych
cyfr: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.
Przykładowo: liczba B5 zapisana w kodzie HEX, oznacza w systemie dziesiętnym 181 (11*16 + 5 = 181).
Konwersji DEC -> HEX (i odwrotnie) można dokonać np. w windows'owym Kalkulatorze (trzeba włączyć tylko widok profesjonalny).
Oczywiście w przykładzie nie zostały umieszczone wszystkie kolory, ponieważ całkowita ilość kolorów możliwych do uzyskania tą metodą wynosi: 16 777 216. Aby otrzymać inne barwy, wystarczy zmienić niektóre cyfry w zapisie (HEX). Najlepsze rezultaty (widoczne różnice) można otrzymać, zmieniając pierwszą, trzecią lub piątą cyfrę (w kolejności od lewej strony).
Kolor można podać w postaci liczbowej w kodzie szesnastkowym jako grupę 3 liczb, z których każda jest zapisana szesnastkowo według schematu, zapis ten musi być poprzedzony znakiem # (hash):
RRGGBB — w zapisie tym poszczególne grupy liczb oznaczają poczynając od lewej strony:
RR — Liczba w kodzie szesnastkowym oznacza intensywność koloru Czerwonego z zakresu 00 – FF
GG — Liczba w kodzie szesnastkowym oznacza intensywność koloru
Zielonego z zakresu 00 – FF
BB — Liczba w kodzie szesnastkowym oznacza intensywność koloru Niebieskiego z zakresu 00 – FF
█ Przykład:
Czcionka koloru "black"; Czcionka koloru "silver";
Czcionka koloru "gray"; Czcionka koloru "white";
Czcionka koloru "maroon"; Czcionka koloru "red";
Czcionka koloru "purple"; Czcionka koloru "fuchsia";
Czcionka koloru "green"; Czcionka koloru "lime";
Czcionka koloru "olive"; Czcionka koloru "yellow";
Czcionka koloru "navy"; Czcionka koloru "blue";
Czcionka koloru "teal"; Czcionka koloru "aqua" oraz
Czcionka koloru "#800af0"
Liczba (255 w systemie dziesiętnym w sydtemie (HEX) to wartość podana jako FF)
pozostałe dziwne cyfry w systemie (HEX):
(A = 10; B = 11;; C = 12; D = 13; E = 14; F = 15
Kolor można podać też w postaci liczbowej w kodzie dziesiętnym jako grupę 3 wartości, z których każda jest zapisana dziesiętnie według schematu, rgb(R,G,B); zapis ten musi być poprzedzony napisem rgb(,
rgb(R, G, B) - pozwala podać oddzielnie każdą składową koloru w systemie dziesiętnym. Wszystkie liczby muszą się zawierać w zakresie 0...255, gdzie:
R - intensywność koloru czerwonego - podana dziesietnie,
G - intensywność koloru zielonego - podana dziesietnie,
B - intensywność koloru niebieskiego - podana dziesiętnie.
Zasada jest taka im większa liczba dziesiętna tym bardziej intensywny kolor zakres liczb od 0...255.
█ Przykład:
<font style="color:rgb(170,80,60);">Da taki kolor tekstu.</font>
Taki zapis da kolor tekstu występującego między znacznikiem <font ...>, a znacznikiem </font>, jako Taki kolor tekstu.
<font face="rodzaj"> ... </font>
lub
<font face="rodzaj1, rodzaj2, rodzaj3..."> ... </font>
gdzie:
Uwaga!
Należy ostrożnie używać to polecenie, ponieważ jeśli użytkownik oglądający Twoją stronę, nie będzie posiadał podanej czcionki zainstalowanej w swoim systemie operacyjnym, tekst zostanie napisany czcionką domyślną (w Internet Explorerze będzie to najprawdopodobniej 'Times New Roman', chociaż to też nie jest takie pewne). Poza tym nie każda czcionka potrafi zapisać poprawnie polskie znaki.Koniecznie trzeba sprawdzić rezultat w praktyce!
W przypadku zastosowania drugiego polecenia i jeśli w systemie nie będzie zainstalowana, któraś z wymienionych czcionek to zostanie użyta taka czcionka, którą pierwszą w kolejności wymienionej będzie posiadał użytkownik. Jest to lepszy sposób, gdyż pozwala się ubezpieczyć na wypadek nieposiadania jednego rodzaju czcionki przez użytkownika.
W systemie Windows standardowo dostępne powinny być czcionki:
'Times New Roman', Arial, 'Courier New'. Dodatkowo od jakiegoś czasu z Internet Explorerem dostarczane są też czcionki:
'Verdana', 'Tahoma', 'Trebuchet MS', 'Georgia'. Przy definiowaniu czcionki, dobrze jest wykorzystywać te właśnie rodzaje, a także takie które domyślnie występują w innych systemach operacyjnych (np.: 'Helvetica' – która podobna jest do czcionki 'Arial').
Istnieje technologia, pozwalająca wczytać plik czcionki bezpośrednio z Internetu. Dzięki temu tekst teoretycznie zawsze będzie wyświetlony za pomocą wybranej przez nas czcionki, nawet jeśli użytkownik nie zainstalował jej na własnym komputerze. Niestety technologia ta nie została ujednolicona, a dodatkowo nie wszystkie przeglądarki ją obsługują. Aby dowiedzieć się więcej, zobacz w Kursie HTML temat: Czcionki osadzone.
█ Przykład:
Czcionka Arial
Czcionka 'Courier New'
Czcionka 'Times New Roman'
Czcionka Verdana
Czcionka pogrubiona (bold).
Znaczniki:
<b> .... </b>
█ Przykład:
Tekst pogrubiony.
Czcionka pochylona (italic).
Znaczniki:
<i> .... </i>
█ Przykład:
Tekst pochylony.
Czcionka migająca (blink).
Znaczniki:
<blink> .... </blink>
█ Przykład:
To jest tekst migający.
█ Portal chomikuj.pl nie obsługuje tego znacznika. █
Czcionka podkreślona (underline).
Znaczniki:
<u> .... </u>
█ Przykład:
Tekst podkreślony.
Czcionka przekreślona
Znaczniki:(strike).
<strike> .... </strike>
█ Przykład:
Cytat
Znaczniki:(citation)
<cite> .... </cite>
█ Przykład:
To jest cytat.
Czcionka mocno wyróżniona
Znacznik: (strong)
<strong> .... </strong>
█ Przykład:
Tekst mocno wyróżniony.
Czcionka wyróżniona
Znaczniki: (emphasis)
<em> .... </em>
█ Przykład:
Ten tekst jest wyróżniony.
Efektownym elementem graficznym, obsługiwanym tylko przez przeglądarkę Internet Explorer firmy Microsoft jest animacja Marquee. Jest to "płynący" w poprzek ekranu napis.
Znacznik interpretowany przez przegladarki: Internet Explorer, Firefox, Opera, Chrome
Znacznik posiada wiele atrybutów.
Oto one:
BEHAVIOR=SCROLL - powoduje, że tekst przemieszcza się od jednego brzegu strony do drugiego, po czym znika za nim i następnie wypływa ponownie zza pierwszego
BEHAVIOR=SLIDE - powoduje, że tekst przemieszcza się od pierwszego brzegu, dociera do drugiego i zatrzymuje się
BEHAVIOR=ALTERNATE - powoduje, że tekst przemieszcza się od pierwszego brzegu, dociera do drugiego i wraca z powrotem (odbija się)
BGCOLOR=kolor - określa kolor tła; wartość koloru (kolor) można być podana w postaci numerycznej (np. #00FF77) lub słownej (Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua).
Jeśli podajemy kolor w postaci numerycznej ze znakiem # (hash) na początku to praktyczne każdy kolor (w ramach dostępnych zgodnych ze wzorcami kolorów).
W przypadku podawania kolorów za pomocą nazw, to tylko wcześniej zdefiniowane nazwy kolorów jakie rozumie dana przeglądarka będą w niej wyświetlane. Jeśli podamy nazwę której przeglądarka nie rozumie zostanie ona przez nią zignorowana i powinien zostać użyty wcześniej wywołany kolor.
DIRECTION=LEFT - określa początkowy kierunek ruchu jako kierunek w lewo
DIRECTION=RIGHT - określa początkowy kierunek ruchu jako kierunek w prawo
LOOP=x - określa ilość powtórzeń ruchu tekstu x razy
HEIGHT=x - wymiary elementu, w którym przesuwa się napis; x może przyjmować wartości wyrażone w pikselach lub procentach wysokości ekranu
WIDTH=y - wymiary elementu, w którym przesuwa się napis; y może przyjmować wartości wyrażone w pikselach lub procentach szerokości ekranu
HSPACE=x - określa odległość elementu MARQUEE w poziomie od sąsiadujących elementów, np. tekstu, grafiki; akapity nad i pod animacją należy oddzielić od animacji znakiem końca akapitu lub końca wiersza
VSPACE=y - określa odległość elementu MARQUEE w pionie od sąsiadujących elementów, np. tekstu, grafiki; akapity nad i pod animacją należy oddzielić od animacji znakiem końca akapitu lub końca wiersza
SCROLLAMOUNT=x - określa szybkość przemieszczania się napisu; wartość x określa długość pojedynczego skoku wyrażoną w pikselach
SCROLLDELAY=x - określa odstępu czasowe między kolejnymi skokami (szybkość przemieszczania się napisu); wartość x jest wyrażona w milisekundach
Strona "http://chomikuj.pl" nie osługuje tego znacznika Animacji dlatego aby zobaczyć efekty jakie można osiągnąć za pomocą Znacznika
' MARQUEE ' poniżej podaję link do strony z próbnym pokazem możliwości zastosowania tego znacznika, dla animacji napisów.
Link do strony pokazującej możliwości Animacji Znacznikiem " MARQUEE "
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
Napisał:
Saj5
Sierpc, dnia:19-07-2011
dnia: 29-07-2011r.
Ostatnia Aktualizacja,
dnia: 23-02-2014r.
Nie ma plików w tym folderze
-
0 -
0 -
0 -
0
0 plików
0 KB