dokument - Kurs HTML i CSS
- Media CSS / Dostosowanie stylów CSS do różnych urządzeń
Jedną z najważniejszych zalet stylów jest możliwość określenia, jak będzie wyglądał dokument w różnych mediach: na ekranie, papierze, z syntezatorem mowy, z urządzeniem do czytania braillem itp. Pewne cechy CSS zostały stworzone tylko dla określonych mediów (np. cue-before - sygnał wywoławczy dla medium aural). Jednakże różne media mogą dzielić te same własności, lecz często wymagają odmiennych wartości. Na przykład rozmiar czcionki (font-size) można ustawić zarówno dla ekranu, jak i dla...
- Reguły warunkowe CSS / Zapytania właściwości @supports
...wyglądać dokładnie tak, jak założył jej twórca, ale nadal powinna być czytelna. Co ważne, nie spowoduje to odrzucenia całego arkusza stylów, więc dokument HTML zostanie poddany częściowemu formatowaniu - na tyle, ile będzie możliwe. Zdarzają się jednak przypadki zbyt skomplikowane, aby do ich obsługi wystarczył ten prosty mechanizm. Zaimplementowana w przeglądarce obsługa jednej właściwości przy jednoczesnym braku innych może poważnie popsuć wygląd strony, a w przypadku skrajnym nawet...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...<img src="..."> w języku HTML, tutaj ścieżkę dostępu należy konstruować względem lokalizacji pliku z arkuszem stylów, a nie względem adresu dokumentu HTML! kolor tekstu Definicja koloru tekstu strony Tło obrazkowe strony (tapeta) zawsze powinniśmy ustalać jednocześnie z kolorem tła oraz tekstu całej strony. Ponadto należy zadbać o odpowiedni kontrast pomiędzy tłem a kolorem tekstu, ponieważ w przeciwnym razie treść strony może się stać zupełnie nieczytelna. W praktyce oznacza to...
- Galeria zdjęć HTML / Klasyczna galeria zdjęć
...podawać link bezpośrednio do dużego obrazka, tworzy się dodatkową stronę z grafiką wstawioną na niej za pomocą znacznika <img> i dopiero taki dokument podaje się w linku: <a target="_blank" href="ścieżka do strony z dużym obrazkiem"><img src="ścieżka do pliku miniaturki obrazka" alt="Tekst alternatywny" border="0"></a> Jak łatwo zauważyć, aby stworzyć klasyczną galerię zdjęć, trzeba napisać tyle stron, ile mamy obrazków - po jednej dla każdego dużego egzemplarza (a nawet co najmniej o...
- Rozwijane menu
...stron Można również zaznaczyć opcję domyślną (atrybut selected), aby wskazać która strona jest aktualnie wczytana. Jeśli chcemy wczytać dokument do innej ramki, to w wartości atrybutu onchange="..." zamiast self należy wpisać: parent.nazwaramki, top.nazwaramki albo self.nazwaramki. Przykład Wybierz stronę do wczytania: Rozwijane menu HTML dla "zielonych" Znaczniki BODY i META Tekst Odsyłacze
- Wyróżnienia
...Serwis został umieszczony na płycie CD magazynu PHP Solutions w numerze 01/2007 (w dziale "Hity"): (...) można dowiedzieć się, jak wygląda typowy dokument HTML, w jaki sposób zachęcić internautów, aby odwiedzili daną stronę, co to są podstrony. Jak również w jaki sposób wpisuje się tekst na stronach WWW, jakie są zasady poprawnego wpisywania znaków interpunkcyjnych w tekście komputerowym. Z kursu można wynieść też wiedzę na temat znaczników i atrybutów oraz w jaki sposób układać tekst na...