wstawianie strony - Kurs HTML i CSS
Selektory pseudoklas CSS / Pusty element :empty...oznaczanie treści. Przykład :empty Po wpisaniu w arkuszu stylów: p:empty { background-color: red; width: 100%; height: 1em } a w dowolnym miejscu strony: <p></p> <p> </p> <p><b></b></p> <p>To jest akapit</p> otrzymamy cztery akapity, z których tylko pierwszy element (pusty) powinien mieć ustawione tło koloru czerwonego: To jest akapit Zwróć uwagę, że drugi akapit (zawierający tylko spację) ani trzeci akapit (zawierający tylko pusty element-dziecko), nie otrzymały zmienionego...
Multimedia HTML / Obrazek HTML <img>...nie wczytają się (nawet jeśli na Twoim komputerze wszystko jest w porządku)! Edytory HTML posiadają często specjalny generator, który wspomaga wstawianie multimediów na strony WWW (nie tylko obrazków). Należy jednak pamiętać, że multimedia bardzo wyraźnie zwiększają objętość strony, a co za tym idzie, wydłużają czas wczytywania. Większość bardziej zaawansowanych programów graficznych udostępnia funkcję kompresji obrazów, co pozwala zmniejszyć ich objętość bez wyraźnego spadku jakości...
- Tło CSS / Zaczepienie tła obrazkowego {background-attachment}
...elementu (jeśli posiada on suwaki), ale przewijane względem okna przeglądarki (CSS 3) [Zobacz także: Wstawianie stylów] Normalnie jeśli tłem strony jest grafika, przesuwa się ona razem z tekstem, w miarę przewijania treści okna za pomocą suwaka. Możemy jednak sprawić, że tło będzie przez cały czas nieruchome, nawet jeśli będziemy przewijali zawartość strony. Wtedy w wewnętrznym arkuszu stylów strony należy użyć polecenia: body { background-image: url(obrazek.jpg)...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
W zasadzie aby rozpocząć przygodę z językiem CSS, wystarczy wstawić w nagłówku strony - tzn. w dowolnym miejscu pomiędzy znacznikami <head> oraz </head> - jedną dodatkową linijkę: <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Tu wpisz opis zawartości strony"> <title>Tu wpisz tytuł strony</title> <link rel="stylesheet" href="style.css"> </head> <body> Tu wpisuje się treść strony </body> </html> Dzięki znacznikowi <link> do dokumentu zostanie...
- 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...
- Promocja strony WWW / Spam
...nie lubi dostawać niechcianych listów 🙁. Jeśli nie chcesz zostać okrzyknięty oszustem, absolutnie nie stosuj tej metody! Inną formą spamu jest np. wstawianie linków do swojej strony w miejscach do tego nieprzeznaczonych, jak np. grupy i fora dyskusyjne - z wyjątkiem przeznaczonych działów. Dla większości osób niemile widziane jest również otrzymywanie takich linków za pośrednictwem komunikatorów internetowych lub w rozmowach czat. Nadużywając tych kanałów do prezentowania odnośników własnej...
- Drukowanie CSS / Przełamanie strony {page-break-before, page-break-after}
...lewa right - następna strona formatowana jako prawa avoid - unikanie przełamania Polecenie to wymusza na drukarce natychmiastowe przełamanie strony, czyli zakończenie drukowania na danym arkuszu papieru i przejście do następnego. Pierwsze z nich czyni to przed wybranym elementem (wybranym przez SELEKTOR), a sam element znajdzie się już na nowej kartce. Natomiast drugie polecenie przełamuje stronę po elemencie, a sam element zostaje na poprzedniej kartce. Polecenie takie jest...
- Tekst CSS / Wyrównanie tekstu {text-align}
...użyj właściwości text-align i ustaw wartość na justify, na przykład <p style="text-align: justify">...</p>. Jak ustawić tekst na środku strony? Aby ustawić tekst na środku strony, możesz zastosować stylowanie CSS do elementu zawierającego tekst, na przykład używając: <p style="text-align: center">...</p>. Jak napisać tekst po prawej stronie w HTML? Aby napisać tekst po prawej stronie w HTML, możesz umieścić tekst w odpowiednim elemencie, na przykład <p> lub <div>, a...
- Tekst CSS / Białe znaki w tekście {white-space}
...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 następnej linii), aż do napotkania znacznika <br> pre-wrap - (CSS 2.1) pozwala...
- Tło CSS / Tło obrazkowe {background-image}
...dowolny obrazek jako tło pod elementem. Pamiętaj jednak, żeby obrazek w tle nie był zbyt jaskrawy. Spowoduje to tylko zaciemnienie zawartości strony i utrudni czytanie. Wspólnie z tą własnością często podaje się dodatkowo kolor tła. W takim przypadku, jeśli obrazek będzie niedostępny lub użytkownik wyłączy wyświetlanie obrazów, tło przyjmie podany kolor. Ponadto jeżeli obrazek posiada przezroczystość (np. format *.gif), zostanie ona zastąpiona podanym kolorem. Jeśli kolor tekstu...