wpisać - Kurs HTML i CSS
- Wstawianie stylów CSS / Wydzielone bloki <div style>
<div style="cecha: wartość; cecha2: wartość2...">...</div> Jako "cecha" należy wpisać o jakie konkretnie atrybuty formatowania nam chodzi (opisane w kolejnych rozdziałach). Natomiast jako wyraz "wartość" wpisujemy dokładną wartość atrybutu. Fragment dokumentu wydzielony za pomocą bloku <div>...</div> możemy swobodnie formatować. Element ten tak dobrze nadaje się do osadzania stylów, ponieważ sam w sobie nie ma określonego żadnego formatowania, które mogłoby kolidować z efektem, jaki chcemy...
- Czcionki CSS / Atrybuty mieszane wariantu czcionki {font-variant}
...można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy wpisać konkretne ustawienia wariantów czcionki. Możliwe są tutaj trzy sposoby: normal - wartość domyślna none - zablokowanie wszystkich rodzajów wariantów Dowolna liczba poniższych wartości rozdzielonych spacjami: font-variant-ligatures font-variant-caps font-variant-numeric font-variant-position Polecenie to pozwala w wygodny sposób...
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...oznacza konkretną odległość (od podanej krawędzi) względem położenia elementu bez używania pozycjonowania - położenie spoczynkowe. Należy ją wpisać używając jednostek długości. Wartość ujemna oznacza przesunięcie w przeciwną stronę. Można również wpisać auto, co ustali wartość automatyczną. Można oczywiście łączyć parametry, np. left: 1cm; top: -10px. Należy jednak pamiętać o tym, że parametr left ma pierwszeństwo przed right (jeśli kierunek tekstu jest "ltr" - od lewej do prawej)...
- Pozycjonowanie CSS / Pozycja absolutna {position: absolute}
...odległość od dolnej krawędzi bloku obejmującego Wyraz "wartość" oznacza konkretną odległość od podanej krawędzi "obejmującego bloku". Należy ją wpisać używając jednostek długości. Wartość ujemna oznacza przesunięcie w przeciwną stronę. Można również wpisać auto, co ustali wartość automatyczną. Można oczywiście łączyć parametry, np. left: 1cm; top: -10px. W tym przypadku można nawet określić jednocześnie odległości left i right, a także top wspólnie z bottom - pozwoli to rozciągnąć...
- Pozycjonowanie CSS / Nakładanie {z-index}
...position: rodzaj; parametry;" określa typ oraz parametry pozycjonowania (absolutne, relatywne lub ustalone). Natomiast jako "numer" należy wpisać pojedynczą liczbę, określającą, kolejność nakładania pozycjonowanych elementów (element z numerem 1 będzie na samym spodzie - zakryty przez inne). Można również wpisać auto, co ustali wartość automatyczną. Polecenie to pozwala określić, w jaki sposób mają się nakładać elementy pozycjonowane. Normalnie kolejność nakładania (zakrywania)...
- CSS dla zielonych / Czcionka CSS {font-size, font-family}
...jest również ustalić rozmiar i krój czcionki na całej stronie. body { font-size: rozmiar; font-family: rodzaj; } gdzie jako "rozmiar" należy wpisać: xx-small Czcionka najmniejsza x-small Czcionka bardzo mała small Czcionka mała medium Czcionka średnia large Czcionka duża x-large Czcionka bardzo duża xx-large Czcionka największa Natomiast zamiast rodzaj należy wpisać krój czcionki (np.: Arial, 'Courier New', 'Times New Roman', Verdana i inne). Jeżeli nazwa czcionki składa się z...
- Aktualizacja / Nowość
...(napis != '' ? ' title="' + napis + '"' : '') + '>': napis); } </script> Dla poprawnego działania skryptu, w wyróżnionych miejscach należy wpisać: nowosc.gif Domyślna lokalizacja obrazka, który ma zostać wyświetlony dla zasygnalizowania nowości. Nawet jeśli wpiszemy jakąś ścieżkę dostępu, możemy ją później zmienić dla pojedynczych pozycji na stronie. Dlatego podaje się tutaj lokalizację obrazka, który będzie najczęściej używany dla sygnalizowania nowości. NOWOŚĆ Domyślny tekst...
- Menu rozwijane, otwierane, wysuwane / Łączenie opcji
...ze zmodyfikowanymi czasami rozwijania/zwijania oraz opóźnieniem przy otwieraniu i zamykaniu. Aby pominąć określenie pozycji, należy po prostu wpisać '' (dwa apostrofy). Aby pominąć ustalenie wersji otwieranej lub/i wysuwanej, należy w ich miejsce zamiast true wpisać false. Aby pozostawić domyślną wartość dowolnego czasu (rozwijania, zwijania, otwierania lub zamykania) można ich po prostu nie podawać - o ile są to ostatnie wartości (końcowe przecinki też należy usunąć)! Natomiast, aby...
- Funkcje matematyczne - Math / Losowanie liczb - random
...z którego chcemy wylosować liczbę, ale można to zrobić w inny sposób. Na przykład aby wylosować naturalną liczbę dwucyfrową (10...99), należy wpisać: 10 + Math.floor(Math.random() * 90) Przykład Math.random Math.random(); // np.: 0.29363602958619595 Wylosowanie liczby całkowitej z podanego przedziału Co prawda nie można wprost wylosować liczby z podanego przedziału wartości, ale da się to zrobić poprzez bardzo proste operacje matematyczne. Na przykład aby wylosować liczbę całkowitą...
- HTML dla zielonych / Znaczniki HTML
...znaczników zamykających! W języku HTML nie ma żadnego znaczenia jakimi literami wpisujemy znaczniki, np. znacznik <html> możemy równie dobrze wpisać tak: <hTmL>. Przyznasz jednak, że ten drugi sposób jest mało czytelny. Dlatego w tym kursie wszystkie znaczniki będą pisane małymi literami. Praktycznie każdy edytor HTML oferuje: Kolorowanie składni polega na tym, że jeśli wpiszemy poprawny znacznik, jego składnia przyjmie określony kolor - zależny od ustawień programu. Dzięki temu od...