text - Kurs HTML i CSS
HTML5 / Filmy i dźwięk <video, audio, source>...HTML? Aby ustawić odtwarzacz wideo na środku ekranu, należy go umieścić wewnątrz elementu blokowego z przypisanym odpowiednim stylem: <div style="text-align: center"> <video src="film.mp4"></video> </div>.
- HTML5 / Deklaracja strony kodowej <meta charset>
...META uzyskał możliwość określania deklaracji strony kodowej w formie skróconego zapisu. Styl HTML 4.01: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Styl HTML5: <meta charset="utf-8"> Najnowsze wydanie specyfikacji języka HTML5 dopuszcza wyłącznie jedną stronę kodową: utf-8.
- HTML dla zielonych / Gotowiec HTML
...(zobacz: Ramy dokumentu). Brak podobnej linijki w nagłówku strony albo istniejące wpisy typu: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> są poważnym błędem, który spowoduje niepoprawne wyświetlanie polskich znaków w przeglądarce!
Komendy CSS 2 / cursor...[ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help ] ] | inherit OPIS Kształt kursora myszki INICJALIZACJA auto ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY nie MEDIA visual, interactive
- Dobre praktyki / CSS Zorientowane Obiektowo
...{ display: block; list-style: none; margin: 0; padding: 0; } .Menu li { float: left; margin-right: 1em; } .Menu a { color: blue; text-decoration: none; } Kompozycja Zwróćmy uwagę, że typowy artykuł może zawierać informacje o: autorze - np. z jego imieniem, nazwiskiem i zdjęciem źródle - nazwa, logo i odnośnik Każdy z tych elementów można traktować jako osobny obiekt (zmiana wyglądu informacji o autorze nie powinna wpływać na wygląd samej treści artykułu), z których...
- Tekst HTML / Wykaz <ul, ol, li>
...nawet przed znacznikiem zamykającym </p>. W języku HTML nie jest to błąd, natomiast w XHTML już tak. Przykład <p, ul, li> Po wpisaniu: <p style="text-align: center"> Tu rozpoczyna się akapit... <ul> <li>Punkt pierwszy wykazu</li> <li>Punkt drugi wykazu...</li> </ul> ...tu powinien skończyć się akapit. </p> otrzymamy: Tu rozpoczyna się akapit... Punkt pierwszy wykazu Punkt drugi wykazu... ...tu powinien skończyć się akapit. Jak widać akapit zakończył się przed wykazem, ponieważ...
- Dobre praktyki / Przykazania webmastera
...pomiędzy wyrazami Jeśli to zrobisz, nie będzie możliwości sterowania szerokością takich wcięć czy odstępów. Do ustalania wcięć używaj własności CSS text-indent, a do odstępów - margin albo padding. Nie nadużywaj znacznika div ani span Do stylizacji możesz przecież wykorzystać znaczniki semantyczne, które już znajdują się w kodzie źródłowym - wstaw jeden element div, będący pojemnikiem całego obiektu, a potem korzystaj z selektora potomka w celu wystylizowania elementów, które zawiera...
Wyszukiwarka / Wyszukiwanie tylko w polskim Internecie<form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <input type="hidden" name="lr" value="lang_pl"> <input type="submit" value="Szukaj"> </form> Przykład
- Wyszukiwarka / Wyszukiwanie w całym światowym Internecie
<form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <input type="submit" value="Szukaj"> </form> Jeśli dokumenty w Twoim serwisie korzystają z innej strony kodowej niż utf-8, wstaw w wyróżnionym miejscu jej nazwę. Przykład
- XHTML / Wymagania stawiane dokumentom XHTML
...wstecz powinno się dodać w nagłówku dokumentu również tradycyjną deklarację strony kodowej, np.: <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />