body - Kurs HTML i CSS
HTML5 / Główna treść <main>...FORM. Przykład <main> <!doctype html> <html lang="pl"> <head> <meta charset="utf-8"> <title>Matrix - Serwis kinomaniaków</title> <head> <body> <header> Serwis kinomaniaków <nav> <ul> <li><a>Matrix</a></li> <li><a href="incepcja.html">Incepcja</a></li> <li><a href="trzynaste-pietro.html">Trzynaste piętro</a></li> </ul> </nav> </header> <main> <h1>Matrix</h1> <nav> <ul> <li><a href="#czym-jest-matrix">Czym jest Matrix?</a></li>...
Rozmiary CSS / Wysokość {height}...Jak rozciągnąć DIV na całą wysokość? Aby rozciągnąć <div> na całą dostępną wysokość, można użyć właściwości CSS "height: 100%" na <html> i <body>, a także upewnić się, że żadne z tych elementów nie ma ustawionej marginesów ani paddingu, które mogą wpłynąć na wysokość. Na przykład: <html style="height: 100%"> <body style="height: 100%; margin: 0"> <div style="height: 100%">Ten DIV zajmie całą dostępną wysokość.</div> </body> </html>.
- Jednostki CSS / Długość
...wartości wyliczonych zgodnie z zasadą dziedziczenia stylów. Przykładowo załóżmy, że wysokość czcionki korzenia (element <html>) wynosi 16px, a dla <body> ustalono "font-size: 2em". Jeżeli teraz na stronie wstawimy blok ze stylem "width: 10em", uzyska on faktyczną szerokość: 16px * 2 * 10 = 320px (16px pochodzi o wysokości czcionki korzenia, 2 to względna wysokość czcionki <body>, a 10 - ustalona szerokość bloku). Jak widać, zmiana rozmiaru czcionki dla elementu <body> albo wstawienie...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...grafikę pojedynczego kafelka tapety, wstawienie go w tle strony jest bardzo proste. Wystarczy w arkuszu stylów dodać następującą regułę stylów: body { background-color: kolor tła; background-image: url(ścieżka dostępu do obrazka); color: kolor tekstu; } W wyróżnionych miejscach należy wpisać odpowiednio: kolor tła Definicja koloru który wyświetli się w tle strony w następujących przypadkach: w miejscach gdzie grafika tapety będzie miała elementy przezroczyste (jest to możliwe np. w...
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanegoJeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...
Alternatywne sposoby definiowania funkcji w JavaScript - Function / Dynamiczne tworzenie funkcji w JavaScript - new FunctionSpis treści new Function new Function length new Function new Function() new Function(body) new Function(p1, p2... pn, body) Parametry: String body - ciało (kod źródłowy) funkcji String p1, String p2... String pn - lista nazw argumentów funkcji; możliwe jest również łączenie kilku nazw argumentów w jednej zmiennej tekstowej rozdzielając je przecinkami - dlatego konstrukcja: "p1", "p2", "p3", "p4" jest równoważna: "p1,p2, p3", "p4" Wartość: Function - nowa instancja funkcji...
- Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}
...3 } ol li { counter-increment: licznik1 licznik2 -1 } Automatyczną numerację można wykorzystać nie tylko do wykazów, ale również np. do tytułów: body { counter-reset: h1 } h1 { counter-reset: h2 } h1:before { content: counter(h1) ". "; counter-increment: h1 } h2 { counter-reset: h3 } h2:before { content: counter(h1) "." counter(h2) ". "; counter-increment: h2 } h3 { counter-reset: h4 } h3:before { content: counter(h1) "." counter(h2) "." counter(h3) ". "; counter-increment: h3 } h4...
- Alternatywne sposoby definiowania funkcji w JavaScript - Function / Tworzenie funkcji po uruchomieniu programu - Function
Function() Function(body) Function(p1, p2... pn, body) Działa identycznie jak konstrukcja new Function(...).
- XHTML / Wymagania stawiane dokumentom XHTML
...<html xmlns="http://www.w3.org/1999/xhtml" lang="pl"> <head> <title>Tytuł dokumentu</title> </head> <body> <p>Przejdź do <a href="http://example.org/">example.org</a>.</p> </body> </html> Na serwerach obsługujących skrypty PHP (pliki z rozszerzeniami *.php) po wpisaniu deklaracji XML może wystąpić błąd. Aby go uniknąć, należy zamiast deklaracji XML wpisać: <?php echo '<'.'?xml version="1.0" encoding="UTF-8"?'.'>'."\n"; ?> Niektóre...
- Komendy HTML 4.01 / Zdarzenia
Spis treści Wstęp Spis wszystkich zdarzeń generowanych przez elementy Wstęp Zdarzenia są automatycznie generowane przez element, którego dotyczą, zawsze wtedy, gdy zajdą określone okoliczności. Takie zdarzenie można przechwycić i wykonać jakąś czynność, gdy zajdą podane warunki - jak np. wyświetlenie okienka po kliknięciu elementu myszką. Aby możliwa była obsługa wygenerowanego zdarzenia, należy przypisać do znacznika określony atrybut z wartością zawierającą polecenia, które będą w...