HTML dla zielonych Tekst pogrubiony <b>Tu wpisz tekst</b> Znacznik ten pozwala pogrubić (wytłucić) częć tekstu (ang. "bold"), który się wewnštrz niego znajduje. Podobna funkcja jest zwykle dostępna w zwykłych edytorach (np.: WordPad), podczas tworzenia normalnego dokumentu tekstowego. Przykład: Ten tekst jest pogrubiony (wytłuszczony) Kolor tekstu strony <body text="kolor">...</body> Definicje kolorów przydajš się w takich poleceniach jak np. <body bgcolor="kolor">...</body> lub <font color="kolor">...</font> i w wielu innych. W miejsce wyrazu "kolor" należy wpisać o jakš barwę nam chodzi. Można to zrobić na dwa sposoby: podać słownš nazwę jednego z szesnastu kolorów podstawowych lub odpowiednik dowolnego koloru w kodzie szesnastkowym (HEX). A teraz mała powtórka z fizyki (proszę, nie uciekaj jeszcze od komputera, to będzie baaardzo krótka powtórka :)) 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 janiejszy kolor. Zauważ, że liczba musi się składać z szeciu cyfr, nawet jeli sš to same zera! Przypominam, że w systemie szesnastkowym (HEX) jest szesnacie 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'owskim Kalkulatorze (trzeba włšczyć widok profesjonalny). Oczywicie w tabeli poniżej 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 kolejnoci od lewej strony). Kolor czcionki <font color="kolor">Tu wpisz tekst</font> gdzie jako "kolor" można wpisać: black (czarny) white (biały) silver (srebrny) gray (szary) maroon (kasztanowy) red (czerwony) purple (purpurowy) fuchsia (fuksja) green (zielony) lime (limonowy) olive (oliwkowy) yellow (żółty) navy (granatowy) blue (niebieski) teal (zielonomodry) aqua (akwamaryna) Rodzaj czcionki <font face="rodzaj">Tu wpisz tekst</font> lub <font face="rodzaj1, rodzaj2, rodzaj3...">Tu wpisz tekst</font> gdzie zamiast rodzaj, rodzaj1, rodzaj2, rodzaj3... należy wpisać rodzaje czcionek (np.: Arial, 'Courier New', 'Times New Roman', Verdana i inne). Jeżeli nazwa czcionki składa się z kilku wyrazów, to w przypadku drugiego polecenia należy jš objšć w znaki apostrofu (np.: <font face="Verdana, 'Times New Roman', Arial">Tekst</font>). W miejsce kropek można wpisać dalsze rodzaje czcionek, rozdzielone przecinkami (jeli tego nie zrobimy, kropki należy pominšć). Uwaga! Należy być ostrożnym z używaniem tego polecenia, ponieważ jeli użytkownik oglšdajšcy Twojš stronę, nie będzie posiadał podanej czcionki w swoim systemie operacyjnym, tekst zostanie napisany czcionkš domylnš (w Internet Explorerze będzie to najprawdopodobniej 'Times New Roman', chociaż to też nie jest pewne). Poza tym nie każda czcionka potrafi zapisać poprawnie polskie znaki. Koniecznie sprawd rezultat w praktyce! W przypadku drugiego polecenia zostanie użyta taka czcionka, którš pierwszš w kolejnoci podawania 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š: Verdana, Tahoma, 'Trebuchet MS', Georgia. Przy definiowaniu czcionki, dobrze jest wykorzystywać te włanie rodzaje, a także takie które domylnie występujš w innych systemach operacyjnych (np.: Helvetica - podobna do Arial). Przykład: Czcionka Arial Czcionka 'Courier New' Czcionka 'Times New Roman' Czcionka Verdana Czcionki selektor { font-family: rodzaj, rodzaj1, rodzaj2,... } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td Natomiast jako "rodzaj, rodzaj1, rodzaj2,..." należy podać rodzaje czcionek. to zostanie wybrany następny w kolejnoci (można oczywicie podać tylko jeden rodzaj). Jeżeli nazwa czcionki składa się z kilku wyrazów, należy jš objšć w znaki apostrofu (np. 'Times New Roman', 'Courier New'). Polecenie pozwala wybrać konkretny krój czcionki. UWAGA! Należy być ostrożnym z używaniem tego polecenia, ponieważ jeli użytkownik oglšdajšcy Twojš stronę, nie będzie posiadał podanej czcionki w swoim systemie operacyjnym, tekst zostanie napisany czcionkš domylnš (w Internet Explorerze będzie to najprawdopodobniej 'Times New Roman', chociaż to też nie jest pewne). Poza tym nie każda czcionka potrafi zapisać poprawnie polskie znaki (w standardzie ISO). Koniecznie sprawd rezultat w praktyce! Korzystniej jest wypisać kilka rodzajów - wtedy zostanie użyta taka czcionka, którš pierwszš w kolejnoci podawania będzie posiadał użytkownik. W systemie Windows standardowo dostępne powinny być czcionki: 'Times New Roman' (szeryfowa), Arial (bezszeryfowa), 'Courier New' (monotypiczna). Dodatkowo od jakiego czasu z Internet Explorerem dostarczane sš: Verdana, Tahoma, 'Trebuchet MS', Georgia. Przy definiowaniu czcionki, dobrze jest wykorzystywać te włanie rodzaje, a także takie które domylnie występujš w innych systemach operacyjnych (np. Helvetica - podobna do Arial). Rodziny ogólne Oprócz podania rodzaju czcionki wprost, możliwe jest także wpisanie rodziny ogólnej: serif - czcionka szeryfowa (końcówki znaków posiadajš "ozdobniki"), np.: 'Times New Roman', Georgia, Garamond, Bodoni sans-serif - czcionka bezszeryfowa (końcówki znaków sš proste), np.: Arial, Verdana, 'Trebuchet MS', Helvetica, Univers, Futura monospace - czcionka o stałej szerokoci znaków - monotypiczna (wyglšda, jak pisana na maszynie), np.: Courier, 'Courier New' cursive - czcionka majšca pewne cechy pochyłej (wyglšda, jak pisana ręcznie) fantasy - czcionka fantazyjna (dekoracyjna) UWAGA! Rodziny ogólne wykorzystuje się jako ostatnia alternatywa - jeli użytkownik nie będzie posiadał żadnej czcionki, której nazwę wpisalimy wprost. Dlatego zwykle rodzinę ogólnš podaje się na samym końcu listy nazw czcionek, np.: body { font-family: Arial, Helvetica, Verdana, sans-serif } Taki sposób jest mocno zalecany, gdyż wtedy nawet jeli użytkownik nie będzie posiadał żadnej z podanych czcionek, strona zostanie wywietlona przy użyciu czcionki podobnej do zdefiniowanych, a nie domylnej, która może zupełnie nie pasować do typografii naszej strony. Dlatego zawsze staraj się na końcu wpisywać rodzinę ogólnš, do której należš czcionki, podane w pierwszej kolejnoci (najczęciej wykorzystuje się rodziny: serif lub sans-serif). Niestety, ponieważ w takim przypadku to przeglšdarka automatycznie dobiera rodzaj czcionki, może się zdarzyć, że wybierze czcionkę, która niepoprawnie zapisuje polskie znaki (tak się włanie stało w mojej przeglšdarce z rodzinš fantasy). Chociaż jeli chodzi o rodziny podstawowe (serif, sans-serif, monospace), wszystko powinno być w porzšdku. Przykład: To jest czcionka Arial To jest czcionka 'Courier New' To jest czcionka 'Times New Roman' To jest czcionka Verdana To jest rodzina ogólna serif To jest rodzina ogólna sans-serif To jest rodzina ogólna monospace To jest rodzina ogólna cursive To jest rodzina ogólna fantasy Czcionki osadzone Na koniec ostatnia (najbardziej zaawansowana) możliwoć ustalania kroju czcionki - czcionki osadzone. Jak czytelnik zapewne zauważył, ustalenie rodzaju czcionki, wcale nie jest takie proste. O czcionce przy użyciu której zostanie wywietlona nasza strona WWW, decyduje zestaw "fontów" zainstalowanych przez użytkownika (w jego systemie operacyjnym). Używanie podstawowych rodzajów czcionek ('Times New Roman', Arial, 'Courier New', Helvetica), nie zawsze musi nam odpowiadać, a poza tym nie gwarantuje oczekiwanego rezultatu w stu procentach. Osadzanie czcionki bezporednio na stronie, odbywa się w arkuszu stylów html> <head> <style type="text/css"> /* <![CDATA[ */ @font-face { font-family: comic; src: url(http://adres/plik.ttf); } body { font-family: comic; } /* ]]> */ </style> </head> <body> Ten tekst jest napisany czcionkš osadzonš "comic". <p style="font-family: comic">Ten akapit używa czcionki osadzonej "comic".</p> </body> </html> Kolory Wykaz kolorów Kolory podstawowe Oprócz kolorów zapisanych w systemie szesnastkowym, dostępna jest ograniczona paleta kolorów nazwanych, dla których zamiennie możemy używać ich nazwy zamiast kodu HEX: Nazwa HEX Kolor black #000000 silver #C0C0C0 gray #808080 white #FFFFFF maroon #800000 red #FF0000 purple #800080 fuchsia #FF00FF green #008000 lime #00FF00 olive #808000 yellow #FFFF00 navy #000080 blue #0000FF teal #008080 aqua #00FFFF Odcienie szaroci ...
beverly15