html - Kurs HTML i CSS
Rozmiary CSS / Wysokość {height}...lub em. 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ść
...w aktualnej czcionce (CSS 3) rem - wysokość czcionki elementu korzenia w drzewie dokumentu (CSS 3); w języku HTML korzeniem jest zawsze element <html> Jednostka rem może być przydatna w sytuacji, kiedy chcemy, aby definiowana długość (np. szerokość bloku na stronie) odnosiła się do określonego rozmiaru czcionki, ale jednocześnie chcemy ją uniezależnić od wartości wyliczonych zgodnie z zasadą dziedziczenia stylów. Przykładowo załóżmy, że wysokość czcionki korzenia (element <html>) wynosi...
Ochrona strony...wykonanie prostego zrzutu ekranu i późniejszego wklejenia do programu graficznego. Należy wstawić do dokumentu specjalny kod w następujący sposób: <html> <head> <script> var browser = navigator.userAgent; var ie = 0; if (browser.indexOf("MSIE") != -1 && browser.indexOf(") ") == -1) ie = parseFloat(browser.substring(browser.indexOf("MSIE")+4)); var id_status_blink = 0; function status_blink(txt) { window.status = txt; if (!txt) id_status_blink = setTimeout('status_blink("KLIKNIJ WEWNĄTRZ...
Sławomir Kokłowski (autor)...najlepiej bieganie w górach 🙂 📷 fotografia 👽 science-fiction 📖 książki 🎬 film 🎵 muzyka WWW: Właśnie ją czytasz... Strona domowa: www.kurshtml.edu.pl/home Kariera zawodowa Moja przygoda z programowaniem rozpoczęła się w latach 90., kiedy komputery osobiste dopiero zdobywały popularność. Byłem zafascynowany możliwościami, jakie oferowały te urządzenia i poświęcałem wiele czasu na naukę programowania. W 2001 roku stworzyłem swoją pierwszą stronę internetową, co utwierdziło mnie w...
Nagłówek i treść HTML / Tytuł strony <title>...należy umieścić w dowolnym miejscu nagłówka dokumentu - tzn. wewnątrz elementu <head>...</head>. Trzeba jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden nagłówek dokumentu. Zatem znacznik tytułu strony dodajemy wewnątrz istniejącego elementu, a nie wstawiamy nowego! Ponadto w pliku *.html powinien się znajdować tylko jeden tytuł strony.
- Menu w CSS / Pionowe menu
Przypominam, że naszym celem będzie stworzenie estetycznego i funkcjonalnego menu nawigacyjnego na bazie kodu HTML przedstawionego na wstępie w formie listy nieuporządkowanej - tylko poprzez dołączenie deklaracji CSS. Zaczniemy od prostszego przykładu - ułożenia linków w menu zgodnie z normalnym formatowaniem listy, czyli w pionie. Domyślny sposób prezentacji oczywiście nie jest zadowalający. Pierwsze co musimy zrobić, to usunąć wyróżniki punktów wykazu (tzw. markery) oraz zniwelować...
- Tryb Quirks / X-UA-Compatible
Microsoft Internet Explorer 8.0 wprowadza aż trzy tryby renderowania dokumentów: Quirks Mode - niezgodny ze standardami (kompatybilny z MSIE 5) Compatibility View - tryb wstecznej zgodności ze standardami (kompatybilny z MSIE 7) Standards Compliance - zupełna zgodność (MSIE 8) Przełączenie do trybu Quirks jest realizowane identycznie jak we wcześniejszych wersjach MSIE, tzn. poprzez odpowiednią deklarację DTD. We wszystkich innych przypadkach dokument powinien się wyrenderować w trybie...
- HTML5 / Załącznik <figure, figcaption>
...FIGURE, a wewnątrz niego IMG i FIGCAPTION. Na przykład jeśli plik zdjęcia nazywa się "zdjecie.jpg" i znajduje się w tym samym katalogu co dokument *.html, w którym chcemy go wstawić, można się posłużyć następującym kodem: <figure> <img src="zdjecie.jpg" alt="Tekst zastępczy"> <figcaption>Podpis zdjęcia</figcaption> </figure>. W odróżnieniu od tekstu zastępczego - który jest używany na wypadek, gdyby zdjęcie nie mogło być załadowane - podpis zdjęcia zawsze pojawi się na stronie. Kiedy...
- HTML5 / Uwydatnienie <mark>
(interpretuje: Internet Explorer 9, Firefox 4, Opera 11.5, Chrome 7) <mark>...</mark> Zaznacza lub uwydatnia tekst w jednym dokumencie, w celu odwołania się do niego w innym kontekście. Uwydatnienia możemy użyć w przytaczanym cytacie. W ten sposób wskazujemy, że chcemy zwrócić szczególną uwagę czytelnika na oznaczony w ten sposób fragment i właśnie po to przytaczamy cały cytat. Mogą to być np. fragmenty cytatu, z którymi się nie zgadzamy i dalej w artykule przedstawiamy nasze własne...
- HTML5 / Możliwy koniec linii <wbr>
...treści w poziomie. W takich przypadkach korzystne może być użycie znacznika PRE w połączeniu z elementami WBR. Przykład <wbr> <pre> <!doctype html> <html> <head><wbr><title>...</title><wbr></head> <body><wbr>...<wbr></body> </html> </pre> <p>Popsuła<wbr>mi<wbr>się<wbr>spacja</p>