dokumentu - Kurs HTML i CSS
Widżety HTML / Ostrzeżenie przed ramką...sytuacjom, można na każdej stronie, która ma zostać wyświetlona wewnątrz ramki, wstawić bezpośrednio po znaczniku otwierającym BODY [zobacz: Ramy dokumentu] następujący kod: <script> if (self == parent) document.write('<div align="center"><b>UWAGA!</b> To jest tylko ramka - wróć do <a href="index.html"><b>STRONY GŁÓWNEJ</b></a></div><hr><br><br>'); </script> gdzie w miejsce tekstu "index.html" należy podać lokalizację na dysku, gdzie znajduje się strona startowa. W efekcie, jeśli...
Przeglądarka zdjęć...Czas ten jest liczony od momentu pełnego załadowania zdjęcia. Następnie na stronie, gdzie ma być umieszczona przeglądarka zdjęć, należy w nagłówku dokumentu (wewnątrz <head>...</head>) wstawić: <script src="przegladarka_zdjec.js"></script> W wyróżnionym miejscu oczywiście należy podać lokalizację utworzonego wcześniej pliku przegladarka_zdjec.js. Teraz wystarczy wkleić na stronie w wybranym miejscu przykładowy kod: <script> var przegladarka_zdjec = new...
- Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego
...wszystkim takim blokom menu na stronie, dla których nie określimy inaczej. Następnie na stronie, gdzie ma być umieszczone menu, należy w nagłówku dokumentu (wewnątrz <head>...</head>) wstawić: <script src="menu.js"></script> W wyróżnionym miejscu oczywiście należy podać lokalizację utworzonego wcześniej pliku menu.js. Dalej trzeba na stronie w wybranym miejscu osadzić blok menu za pomocą znaczników listy definicyjnej <dl>...</dl>, np.: <dl id="menu0"> <dt>Nagłówek 1</dt> <dd>Element...
- Widżety HTML / Ramki HTML
...wewnątrz pełną stronę - razem ze wszystkimi multimediami, które mogą być na niej osadzone. Może to oznaczać bardzo długi czas ładowania całego dokumentu z wstawionymi zbyt wieloma takimi ramkami. Do czego mogą się przydać ramki? Strony wyświetlane wewnątrz nich nie przejmują sposobu formatowania (koloru, rozmiaru ani kroju czcionki itp.) z dokumentu, w którym zostały osadzone. Dzięki tej własności są szczególnie chętnie używane przez twórców różnego rodzaju widżetów, czyli specjalnych...
- Widżety HTML / Szablon strony bez ramek
...Właściwa zawartość strony... </body> </html> Kolorem czerwonym zaznaczono nagłówek szablonu (jak widać nie jest to wprost odpowiednik nagłówka dokumentu - <head>...</head>), a niebieskim - stopkę szablonu. Ponadto na zielono oznaczony został fragment nagłówka, który powinien być różny na każdej podstronie - każdy dokument powinien posiadać swój osobny tytuł. Wstawienie tego samego tytułu na wszystkich podstronach to bardzo zły pomysł, ponieważ jest niewygodne dla użytkownika (tytuł...
Szablon strony na DIV-ach / Semantyczny szablon strony...Dodatkowe informacje Druga wąska kolumna, którą można wykorzystać do prezentacji dodatkowych krótkich treści. Treść strony Właściwa zawartość dokumentu, tzn. treść artykułu itp. Nie zapomnij o umieszczeniu tytułu treści na początku tego bloku - koniecznie przy użyciu elementu <h1>...</h1>. Stopka serwisu Zwykle umieszcza się tutaj skróconą notkę o prawach autorskich (© ...) oraz linki: "Kontakt", "Polityka prywatności" itp. Do budowy szablonu wykorzystamy elementy...
- Komendy HTML 4.01 / Zdarzenia
...każde zdarzenie Aby się upewnić, czy dany element generuje określone zdarzenie, spójrz do opisu tego polecenia. onload Zakończenie wczytywania dokumentu (tylko BODY i FRAMESET) onunload Usunięcie dokumentu (tylko BODY i FRAMESET) onclick Kliknięcie myszką ondblclick Podwójne kliknięcie myszką onmousedown Wciśnięcie klawisza myszki onmouseup Zwolnienie klawisza myszki onmouseover Wskazanie myszką onmousemove Poruszanie myszką nad elementem onmouseout Wskaźnik myszki...
- Formularze HTML / Pole tekstowe <input "text">
...atrybutu tabindex="..." są aktywowane zawsze po tych, które posiadają niezerową wartość tego atrybutu - w kolejności występowania w kodzie źródłowym dokumentu. Elementy z taką samą wartością tabindex="..." są aktywowane w kolejności występowania w kodzie źródłowym. Możliwe jest opuszczanie wybranych liczb w numeracji tabindex="...". Nie ma również wymogu rozpoczynania numeracji od 0 ani od 1. Elementy zablokowane atrybutem disabled nie są uwzględniane w porządku aktywacji, ponieważ w ogóle...
- Formularze HTML / Forma odszyfrowana <form enctype accept-charset>
...dane (np. skrypt PHP albo program pocztowy użytkownika) posługuje się innym kodowaniem znaków. W takiej sytuacji powinniśmy ujednolicić kodowanie dokumentu i systemu odbierającego dane, bo inaczej informacje zostaną zniekształcone przez ten system - m.in. w miejsce polskich znaków diakrytycznych mogą pojawić się "krzaczki". Jednak często zmiana strony kodowej dokumentu z formularzem nie jest najlepszym rozwiązaniem, ponieważ cała reszta serwisu byłaby zapisana inaczej niż ten jeden...
- HTML5 / Zdarzenia HTML5
...opisu momentu ich uruchomienia. Zdarzenie Zastosowanie Opis DOMContentLoaded Document Uruchamia się, gdy parser zakończy przetwarzanie dokumentu Document. afterprint Window Uruchamia się w Window po zakończeniu drukowania. beforeprint Window Uruchamia się w Window przed rozpoczęciem drukowania. beforematch Elementy Uruchamia się na elementach z atrybutem hidden=until-found przed ich ujawnieniem. beforetoggle Elementy Uruchamia się na elementach z atrybutem...