przeglądarki - Kurs HTML i CSS
I co dalej... / Wysłanie strony...zaznajomić się z opisem przesłania strony, znajdującym się na danym serwerze. Programy FTP są bardzo często wbudowane w edytory HTML czy w przeglądarki internetowe. Jeśli chcesz, program klient FTP możesz pobrać również z Internetu, np. z jednego z serwisów shareware. Jest bardzo prawdopodobne, że posiadasz już program FTP, nawet o tym nie wiedząc. Może on być dołączony do innych aplikacji. Znajduje się m.in. w znanym programie zarządzającym plikami Total Commander. Ponieważ jest on...
- Znaki specjalne HTML / Encje HTML
...może być dowolny bardziej rozbudowany kalkulator (np. systemowy). Niektóre spośród podanych poniżej znaków nie są interpretowane przez różne przeglądarki, a do wyświetlenia wybranych - zwłaszcza w drugiej części tabeli - może być potrzebna czcionka Unicode (np. 'Lucida Sans Unicode' - domyślnie dostępna w niektórych wersjach systemu Windows, 'Arial Unicode', 'Arial Unicode MS', 'Helvetica Unicode' 'Verdana Unicode', 'Times Unicode', 'Times New Roman Unicode', 'Courier Unicode...
- HTML5 / Ewolucja języka HTML
...ukrywać, że wprowadzenie XHTML 2.0 mogłoby być również sporym problemem dla zwykłych użytkowników, którzy nie mając zainstalowanej najnowszej wersji przeglądarki zapewne nie mogliby w ogóle wyświetlić stron zgodnych z nowym standardem. Z tych powodów prace nad XHTML 2.0 zostały ostatecznie przerwane i specyfikacja ta zapewne nigdy nie zostanie ukończona. Problem jednak nadal pozostał. Dzisiaj Internet nie taki sam, jak w 1997 roku, kiedy dominowały statyczne dokumenty tekstowe, a...
- HTML5 / Wstępne ładowanie <link "preload" as>
...typ Odpowiedni typ MIME lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób Domyślnie przeglądarki internetowe wczytują zasoby z zewnętrznych plików dopiero w momencie, kiedy ich znacznik pojawi się w kodzie źródłowym HTML strony. Oznacza to, że jeśli na samym dole strony znajduje się np. jakiś duży obrazek, może on nie zdążyć się załadować do momentu, kiedy użytkownik przewinie do niego okno przeglądarki. Język HTML5 wprowadził...
Selektory pseudoelementów CSS / Cudzysłowy {quotes}...obejmować cudzysłowami, gdyż powinna zrobić to przeglądarka. Ponadto, ponieważ w różnych językach (mówionych) używa się różnych znaków cudzysłowu, przeglądarki powinny wygenerować takie, które odpowiadają aktualnemu językowi treści. Od języka zależą również znaki cudzysłowów w cytatach zagnieżdżonych, czyli gdy jeden cytat znajduje się wewnątrz innego. Niestety problem w tym, że przeglądarki zwykle sobie z tym nie radzą 🙁 Między innymi z tego powodu specyfikacja CSS 2 umożliwia jawne...
- Tekst CSS / Dekoracja tekstu {text-decoration}
...Polecenie umożliwia na wybór określonej dekoracji tekstu (np. podkreślenie). Migotanie może nie być interpretowane przez wszystkie przeglądarki! Przykład {text-decoration} dekoracja none dekoracja underline dekoracja line-through dekoracja overline dekoracja blink (tylko starsze przeglądarki) Ciekawą możliwością może być łączenie powyższych wartości w jednej deklaracji, np.: selektor { text-decoration: underline line-through overline } A oto efekt: Tekst...
- Tekst CSS / Tryb pisania {writing-mode}
...sytuacji ułożenie tekstu w ich obrębie powinno być zgodne z ustalonym trybem pisania. To zachowanie nie jest jednak wymagane, więc nie wszystkie przeglądarki muszą go obsługiwać. Działa to w ten sposób np. w przeglądarce Firefox, ale co ciekawe nawet wtedy po kliknięciu w ułożony pionowo element <select> rozwija się on w tradycyjnym kierunku - tzn. do dołu lub do góry 🙁 Jeśli chcesz, aby znaki tekstu były ułożone pionowo jeden pod drugim, a nie obrócone na bok, zobacz rozdział...
- Wykazy CSS / Typ stylu wykazu {list-style-type}
...lower-roman - małe liczby rzymskie Przykład list-style-type: lower-roman Punkt pierwszy Punkt drugi Punkt trzeci Oprócz tego współczesne przeglądarki obsługują dodatkowo następujące typy: decimal-leading-zero ("prowadzące zero" - np.: 01, 02, 03...) Przykład list-style-type: decimal-leading-zero Punkt pierwszy Punkt drugi Punkt trzeci georgian (gruzińskie: an, ban, gan... he, tan, in, in-an...) Przykład list-style-type: georgian Punkt pierwszy Punkt drugi Punkt trzeci...
- Pozycjonowanie CSS / Pozycja ustalona {position: fixed}
...od prawej krawędzi okna bottom: wartość - odległość od dolnej krawędzi okna Wyraz "wartość" oznacza konkretną odległość od podanej krawędzi okna przeglądarki. Należy ją wpisać używając jednostek długości. Wartość ujemna oznacza przesunięcie w przeciwną stronę. Podanie auto oznacza położenie automatyczne. Można oczywiście łączyć parametry, np. left: 1cm; top: -10px. Polecenie to działa podobnie jak pozycjonowanie absolutne, z tą różnicą, że pozycja elementu jest zawsze obliczana względem...
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...to przykryte przez ten element. Należy przy tym pamiętać, że często ustawienie elementów strony zależy od rozdzielczości ekranu i rozmiarów okna przeglądarki! Przykład {position: relative} Szary prostokąt poniżej, który jest częściowo przykryty, przedstawia położenie spoczynkowe obrazka, poddanego pozycjonowaniu: position: relative; left: 50px; top: 45px. Dlatego obrazek ten jest oddalony od lewej krawędzi swojego położenia spoczynkowego o 50px (pikseli), a od górnej o 45px. Położenie...