HTML dla zielonych1, Kody-Chomikowe rozmowy
[ Pobierz całość w formacie PDF ]
HTML dla zielonychTekst 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 jaknp. <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 podstawowychlub 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 czerwonegoGG - 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šcyTwojš 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 ArialCzcionka 'Courier New'Czcionka 'Times New Roman'Czcionka VerdanaCzcionkiselektor { font-family: rodzaj, rodzaj1, rodzaj2,... }Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy tdNatomiast 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ędzieto 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ólneOpró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, Bodonisans-serif - czcionka bezszeryfowa (końcówki znaków sš proste), np.: Arial, Verdana, 'Trebuchet MS', Helvetica, Univers, Futuramonospace - 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 ArialTo jest czcionka 'Courier New'To jest czcionka 'Times New Roman'To jest czcionka VerdanaTo jest rodzina ogólna serifTo jest rodzina ogólna sans-serifTo jest rodzina ogólna monospaceTo jest rodzina ogólna cursiveTo jest rodzina ogólna fantasyCzcionki osadzoneNa 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ówhtml><head><style type="text/css">/* <![CDATA[ */@font-face {font-family: comic;}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>KoloryWykaz kolorówKolory podstawoweOpró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 Kolorblack #000000silver #C0C0C0gray #808080white #FFFFFFmaroon #800000red #FF0000purple #800080fuchsia #FF00FFgreen #008000lime #00FF00olive #808000yellow #FFFF00navy #000080blue #0000FFteal #008080aqua #00FFFFOdcienie szaroci... [ Pobierz całość w formacie PDF ]
zanotowane.pl doc.pisz.pl pdf.pisz.pl chiara76.opx.pl
HTML dla zielonychTekst 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 jaknp. <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 podstawowychlub 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 czerwonegoGG - 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šcyTwojš 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 ArialCzcionka 'Courier New'Czcionka 'Times New Roman'Czcionka VerdanaCzcionkiselektor { font-family: rodzaj, rodzaj1, rodzaj2,... }Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy tdNatomiast 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ędzieto 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ólneOpró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, Bodonisans-serif - czcionka bezszeryfowa (końcówki znaków sš proste), np.: Arial, Verdana, 'Trebuchet MS', Helvetica, Univers, Futuramonospace - 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 ArialTo jest czcionka 'Courier New'To jest czcionka 'Times New Roman'To jest czcionka VerdanaTo jest rodzina ogólna serifTo jest rodzina ogólna sans-serifTo jest rodzina ogólna monospaceTo jest rodzina ogólna cursiveTo jest rodzina ogólna fantasyCzcionki osadzoneNa 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ówhtml><head><style type="text/css">/* <![CDATA[ */@font-face {font-family: comic;}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>KoloryWykaz kolorówKolory podstawoweOpró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 Kolorblack #000000silver #C0C0C0gray #808080white #FFFFFFmaroon #800000red #FF0000purple #800080fuchsia #FF00FFgreen #008000lime #00FF00olive #808000yellow #FFFF00navy #000080blue #0000FFteal #008080aqua #00FFFFOdcienie szaroci... [ Pobierz całość w formacie PDF ]