nazwa strony - Kurs HTML i CSS
HTML5 / Piaskownica zabezpieczająca <iframe sandbox>...oznacza, że może wykonywać skrypty, otwierać nowe okna, i uzyskiwać dostęp do zasobów tak, jakby była integralną częścią strony. Skąd wzięła się nazwa "piaskownica"? Nazwa piaskownica (ang. sandbox) pochodzi z koncepcji tworzenia bezpiecznego i izolowanego środowiska, w którym można bezpiecznie eksperymentować i testować różne elementy bez ryzyka wpływu na otoczenie. W kontekście technologii informatycznych, piaskownica odnosi się do mechanizmu izolowania kodu lub aplikacji w taki...
- HTML5 / Filmy i dźwięk <video, audio, source>
...<a href="film.ogv">OGV</a> </video>. Jaki format wideo na stronę WWW? MP4 to komercyjny format skompresowanych plików wideo, którego nazwa pochodzi od czwartej wersji standardu opracowanego przez Moving Picture Experts Group (MPEG). Innym popularnym formatem wideo przeznaczonym dla stron internetowych, a przy tym nieobjętym płatnymi licencjami, jest OGV. Każdy plik wideo można przekonwertować do obu tych formatów i podać je jednocześnie w atrybutach tego samego odtwarzacza...
- Nagłówek i treść HTML / Deklaracja strony kodowej <meta charset>
...Oprócz tego konieczne jest dysponowanie odpowiednim edytorem HTML, który obsługuje polski alfabet. Jak ustawić utf-8 HTML? utf-8 to nazwa tzw. strony kodowej, dzięki której wszystkie znaki na stronie - w tym polskie litery - poprawnie się wyświetlają w przeglądarce internetowej. Aby ustawić taką stronę kodową, wystarczy w dowolnym miejscu nagłówka strony - tzn. wewnątrz elementu <head>...</head> - wstawić następujący znacznik: <meta charset="utf-8">. Należy jednak przy tym...
Dobre praktyki / CSS Zorientowane Obiektowo...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 składa się (ang. composition) główny obiekt artykułu. Myślenie o skomplikowanym obiekcie jako o złożeniu kilku mniejszych, samodzielnych obiektów, ułatwia nam...
Galeria zdjęć HTML / Skrypt galerii zdjęć...chcieć wstawić kilka osobnych galerii - np. jako fotorelacje z różnych wydarzeń. W takim przypadku nawigowanie kolejno we wszystkich zdjęciach ze strony mogłoby być tylko mylące. Lepiej żeby po dotarciu do końca pierwszej galerii, użytkownik musiał zamknąć okno powiększenia, a następnie jeśli będzie chciał, może wybrać kolejną galerię. Aby uzyskać taki efekt, wystarczy do odnośników z każdej kolejnej galerii przypisać inną wartość atrybutu data-gallery="...". Na przykład: <a...
- Znaki specjalne HTML / Encje HTML
...użyć: & lub &. W pierwszej kolumnie tabeli zawartej dalej w tym rozdziale widnieje dziesiętny numer danego znaku, w drugiej - jego nazwa. Są one równoważne, dlatego możemy używać ich zamiennie, ale wydaje mi się, że ten drugi zapis jest bardziej czytelny, ponieważ jest skrótem od angielskiej nazwy danego symbolu. Zwróć także szczególną uwagę, że przy wpisywaniu nazwy znaku, ważna jest wielkość liter, np. Α to nie jest to samo co α! W kolumnie opis znajduje się...
- Oprawa graficzna / Zamiennik obrazkowy
...najbardziej podstawowy sposób, realizujący ideę zamiennika obrazkowego. Todd Fahrner jako jeden z pierwszych wpadł na ten pomysł i stąd wzięła się nazwa metody, którą zaproponował. <div><span>Zamiennik obrazkowy</span></div> div { background-image: url(obrazek.gif); width: 200px; height: 50px; } div span { display: none; } Wyjaśnienie: Najpierw pod zewnętrzny element podstawiamy obrazek tła Musimy ustalić rozmiary bloku na identycznie jak wymiary grafiki - inaczej otrzymalibyśmy...
- XHTML / Typy MIME dokumentów XHTML
...wskazuje format pliku, z jakim mamy do czynienia. Nietrudno się domyślić, że określa on również typ dokumentów HTML oraz XHTML, ponieważ jak sama nazwa wskazuje nie są one zwykłym tekstem ale hipertekstem. Oto spis typów MIME, z jakimi mogą być przesyłane dokumenty HTML i XHTML: MIME HTML 4 XHTML 1.0 (kompatybilność wstecz) XHTML 1.0 XHTML 1.1 text/html powinien może nie powinien nie powinien application/ xhtml+xml nie może powinien powinien powinien application/ xml...
- Znaki specjalne HTML / Symbole
...kropka (w IE6 tylko czcionka Unicode) ⋅ ⌈ ⌈ Left ceiling (apl upstile) Liczba całkowita, która jest większa lub równa z lewej strony (w IE6 i Operze 7.5 tylko czcionka Unicode) ⌈ ⌉ ⌉ Right ceiling Liczba całkowita, która jest większa lub równa z prawej strony (w IE6 i Operze 7.5 tylko czcionka Unicode) ⌉ ⌊ ⌊ Left floor (apl downstile) Liczba całkowita, która jest mniejsza lub równa z lewej strony (w IE6 i Operze 7.5 tylko czcionka...
- HTML5 / Napisy do filmów <track>
...ścieżką tekstową. Plik napisów tworzy się w dowolnym prostym edytorze tekstu. Możesz do tego celu użyć edytora, w którym normalnie tworzysz strony WWW. Możesz nawet skorzystać ze zwykłego windowsowskiego Notatnika (Notepad) lub dowolnego innego prostego edytora tekstu, wbudowanego w Twój system operacyjny. Zwróć przy tym uwagę tylko na dwie bardzo ważne kwestie: Nazwa pliku musi mieć rozszerzenie *.vtt, a nie *.vtt.txt. Aby to zrobić w Notatniku, w oknie zapisywania pliku wybierz...