strony - Kurs HTML i CSS
- Nowe okno / Jedno okno
Spis treści Jedno okno Pop-under Jedno okno Po załadowaniu strony: <body onload="window.open('adres', 'nazwa').focus()>...</body> Przed załadowaniem strony: <head> <script> window.open('adres', 'nazwa').focus(); </script> </head> Po kliknięciu odsyłacza: <a target="nazwa" href="adres" onclick="window.open('adres', 'nazwa').focus(); return false">opis</a> adres Lokalizacja dowolnej podstrony serwisu lub adres internetowy. Jeśli nie chcemy wczytywać do nowego okna żadnego...
- HTML5 / Nowe atrybuty HTML5
...(dla wspieranych metod wprowadzania) autofocus Wszystkie elementy Automatycznie ustawia zogniskowanie (fokus) na elemencie po załadowaniu strony blocking LINK (rel="stylesheet" lub rel="expect"), SCRIPT, STYLE Czy element może potencjalnie blokować wyświetlanie charset META Deklaracja strony kodowej contenteditable Wszystkie elementy Czy element jest edytowalny crossorigin AUDIO, IMG, LINK, SCRIPT, VIDEO Sposób, w jaki element obsługuje żądania z mechanizmem CORS...
- Tekst CSS / Tryb pisania {writing-mode}
...linijki tekstu ułożone poziomo jedna pod drugą (domyślnie) vertical-rl - linijki tekstu ułożone pionowo obok siebie od prawej do lewej strony (ang. right-to-left) vertical-lr - linijki tekstu ułożone pionowo obok siebie od lewej do prawej strony (ang. left-to-right) W wielu językach azjatyckich tekst podczas pisania tradycyjnie układany jest pionowo, gdzie kolejne linijki są położone obok siebie. Na przykład w językach pochodzenia mongolskiego linijki ułożone są pionowo obok...
- HTML dla zielonych / Znaczniki HTML
...tagi). Znacznik jest to specjalny tekst umieszczony w nawiasach ostrych - np.: <b>. Jest on częścią składni języka HTML i pozwala sterować wyglądem strony. Dzięki niemu możesz np. ustalić kolor tła, rodzaj formatowania tekstu, wstawić obrazek czy tabelę itd. Znacznik nie jest widoczny na ekranie. Widoczne są tylko efekty jego działania (np. wstawienie obrazka). Ja sam aby umieszczony powyżej znacznik <b> był widoczny, musiałem się posłużyć pewną "sztuczką" (jeśli nie możesz wytrzymać i już...
- XHTML / Typy MIME dokumentów XHTML
...Domyślny system kodowania znaków to UFT-8 lub UTF-16. Inne kodowanie można określić za pomocą nagłówka HTTP lub deklaracji XML. Deklaracja strony kodowej za pomocą znacznika META nie jest rozpoznawana (w tego typu dokumentach XHTML nie powinno się jej wstawiać)! text/xml Inny ogólny typ przeznaczony dla języka XML. Jest on preferowany dla dokumentów XML, które w formie nieprzetworzonej, tzn. czystego kodu źródłowego, mogą być bez większych trudności odczytane przez zwykłego...
- 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...
- Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego
...kliknięciu menu nie zdąży się rozwinąć, ponieważ natychmiast zostanie wczytana nowa strona - musi zostać rozwinięte na starcie po wczytaniu nowej strony). Zwracam uwagę, że w takim przypadku nie będzie możliwości bezpośredniego zwinięcia takiej sekcji menu bez wczytania nowej strony. Element... Rozwijane elementy (<dd>...</dd>), przynależące do kolejnych, poprzedzających nagłówków menu (<dt>...</dt>). Tutaj również nie ma ograniczeń, co do zawartości, którą można umieścić wewnątrz. Mogą to...
- HTML5 / Nowe elementy HTML5
...kawałek treści dokumentu, jak np. wpis na blogu albo artykuł w gazecie. ASIDE Kawałek treści, który tylko nieznacznie jest powiązany z resztą strony. HGROUP Nagłówek sekcji. HEADER Grupa wprowadzająca albo ułatwienia nawigacyjne. FOOTER Stopka sekcji. Może zawierać informacje na temat autora, praw autorskich itp. NAV Sekcja dokumentu przeznaczona na nawigację. Oprócz wymienionych tutaj znaczników do elementów używanych przy wstawianiu sekcji zaliczamy również: BODY, H1, H2...
- 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...
- Odsyłacze HTML / Do podstrony <a href>
(w obrębie tego samego serwisu) Spis treści <a href> Do podstrony <a href> Dymek narzędziowy <a href title> Nowe okno <a href "_blank"> Do podstrony <a href> Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML i zawiera treść, która dość znacznie różni się tematycznie od pozostałych. Taka organizacja ułatwia użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu...