spacji - Kurs HTML i CSS
CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}...że w arkuszu stylów (pierwsze polecenie powyżej) nazwa-klasy musi być poprzedzona znakiem kropki (w tym miejscu po kropce nie można postawić spacji!), podczas gdy w kodzie HTML (drugie polecenie powyżej) znak kropki koniecznie trzeba usunąć. Ponadto w nazwie klasy najlepiej używać wyłącznie małych liter bez polskich znaków diakrytycznych, a zamiast spacji można skorzystać np. ze znaku myślnika. Wygląd ramki w którą zostanie ujęty tekst, można określić za pomocą wielu cech (własności)...
- Tekst CSS / Białe znaki w tekście {white-space}
...każdy znacznik wyświetlany w bloku [zobacz: Wstawianie stylów]. Natomiast jako "sposób" należy podać: normal - zamiana kilku sąsiadujących ze sobą spacji na jedną; wiersze są przełamywane automatycznie na końcu szerokości strony (domyślnie) pre - umożliwia wyświetlenie wielu spacji obok siebie; wiersze są przełamywane po napotkaniu znaku nowej linii - klawisz Enter (tekst preformatowany) nowrap - tryb identyczny jak "normal" z tym, że nie pozwala na przełamanie wiersza (przejście do...
HTML dla zielonych / Wpisywanie tekstu HTML...("."), przecinek (","), wykrzyknik ("!"), pytajnik ("?"), dwukropek (":"), średnik (";"), wielokropek ("..."). Przed tymi znakami nigdy nie stawiamy spacji! Spację stawiamy natomiast po nich. Wyjątek stanowi sytuacja, gdy bezpośrednio po sobie następuje kilka takich znaków - wtedy spację stawiamy tylko po ostatnim z nich. Drugi wyjątek stanowią krótkie kilkuwyrazowe skróty, w których każdy skrócony wyraz jest zakończony kropką - wtedy spację stawiamy tylko na końcu takiego skrótu (np...
- Znaki specjalne HTML / Encje HTML
...spacją. W normalnym tekście nie mogą stać obok siebie dwie spacje. Nie może się także od niej rozpoczynać żaden wiersz. Dzięki symbolowi dodatkowej spacji, możesz pozbyć się wszystkich tych ograniczeń. Ponadto jeśli rozdzielisz dwa wyrazy symbolem dodatkowej spacji, masz pewność, że w tym miejscu nigdy nie zostanie przełamany wiersz (czyli nie zdarzy się tak, że pierwszy wyraz znajdzie się na końcu linii, a drugi na początku następnej). Właściwym przeznaczeniem niełamliwej spacji nie jest...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...również wszystkich plików obrazków! UWAGA! Bardzo ważne: w nazwach plików lepiej nie używać: wielkich liter znaków, np.: \ / : * ? " < > | spacji (jeśli musisz, w zamian używaj podkreślnika "_") polskich liter (ą, ć, ę, ł, ń... itd.) Jeśli nie zastosujesz się do tych zaleceń, może się okazać, że po wprowadzeniu strony do Internetu, pliki takie nie wczytają się (nawet jeśli na Twoim komputerze wszystko jest w porządku)! Formaty graficzne <img> Na koniec jeszcze jedna rada...
- Tekst HTML / Kod komputerowy <code>
...lub źródła dokumentu), który jest napisany czcionką monotypiczną (tak jak w przypadku tekstu preformatowanego). Nie uwzględnia on jednak dodatkowych spacji, tabulacji ani znaków końca linii (trzeba używać <br>) oraz jest automatycznie zawijany. Ponieważ powyższy znacznik nie uznaje znaków końca linii, dodatkowych spacji, a także nie blokuje zawijania tekstu na ekranie, zamiast niego często używa się tekstu preformatowanego. Przykład <code> // Wyświetla bieżącą datę w JavaScript: var data...
- Media CSS / Zapytania mediów
...wymagane możliwości urządzenia w ramach podanego na początku mediów ogólnego. Pomiędzy słowem kluczowym "and" a nawiasem musi znajdować się znak spacji. Nic nie stoi na przeszkodzie, aby w jednym zapytaniu użyć kilku cech mediów, np.: @media screen and (min-width: 800px) and (max-width: 1280px) { /* Okno przeglądarki o szerokości pomiędzy 800px a 1280px */ } W przypadku, gdy zapytanie dotyczy medium "all" (wszystkie media), można użyć formy skróconej zapisu - podając jedynie samą cechę...
Menu drzewiaste / Skrypt menu drzewiastego...<li><a href="...">Dokument 2</a></li> <li><a href="...">Dokument 3</a></li> </ul> Zwracam uwagę, że w nawiasie nie może być żadnych spacji - nawet po znaku przecinka! Jeśli w nazwie plików z kolekcji znajduje się spacja, należy ją zastąpić przez: %20. Podobnie znaki przecinka, znajdujące się w nazwach plików, należy zastąpić przez %2C, nawias otwierający - %28, nawias zamykający - %29. Wyrażenia regularne Występują sytuacje, kiedy dokumentów w kolekcji może być bardzo dużo...
- Selektory atrybutów CSS / Selektor atrybutu zawierającego określony wyraz
...wartość składa się z wyrazów rozdzielonych spacjami. "Wyraz" to określone słowo, zawierające się w wartości atrybutu, które nie może zawierać spacji. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie to może zostać wykorzystane dla elementów, którym z poziomu HTML został nadany atrybut, o wartości składającej się z kilku wyrazów rozdzielonych spacjami. Deklaracja taka pozwala nadać konkretne...
- Czcionki CSS / Wariant liczb czcionki {font-variant-numeric}
...podobny efekt dopasowując odstępy między sąsiednimi liczbami. W niektórych przypadkach wymaga to jednak aby były one rozdzielone fizycznym znakiem spacji. Przykład {font-variant-numeric} 1 2/3 456790 (font-variant-numeric: normal) 1 2 3 4 (font-variant-numeric: ordinal) 1 2/3 456790 (font-variant-numeric: slashed-zero) 1 2/3 456790 (font-variant-numeric: lining-nums) 1 2/3 456790 (font-variant-numeric: oldstyle-nums) 1 2/3 456790 (font-variant-numeric: diagonal-fractions) 1 2/3...