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...
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...
- 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...
- 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...
- 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...
- 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...
Aktywne przyciski / Pamięć podręczna...po podświetleniu, ma zostać wyświetlony. Jednak po pierwszym użyciu przycisku, dodatkowa grafika zostanie wczytana i zapisana w pamięci podręcznej przeglądarki, czyli na dysku lokalnym użytkownika. Dlatego przy drugim użyciu aktywnego przycisku, nic już się nie doczytuje. Istnieje możliwość wcześniejszego poinformowania przeglądarki o dodatkowych obrazkach aktywnych przycisków, dzięki czemu zostaną one jeszcze przed pierwszym użyciem zapisane w pamięci podręcznej, a więc już podczas ich...
- Nagłówek i treść HTML / Tytuł strony <title>
...był zbyt długi (najwyżej kilka wyrazów). Powinien on również odnosić się do treści zawartych na danej stronie. Tytuł pojawia się na belce tytułowej przeglądarki internetowej (na samej górze okna programu, na karcie ze stroną), a także w wyszukiwarkach sieciowych, po odnalezieniu Twojej strony - dlatego właśnie nie może on być zbyt długi. Trafny tytuł może również zachęcić internautów do obejrzenia Twojej strony. Taki sam tytuł na wszystkich podstronach serwisu nie jest dobrym pomysłem, a...
- Galeria zdjęć HTML / Klasyczna galeria zdjęć
...należy użyć odsyłacza obrazkowego (podstawowego). Prawie zawsze stosuje się również atrybut target="_blank", który powoduje otwarcie nowego okna przeglądarki: <a target="_blank" href="ścieżka do dużego obrazka"><img src="ścieżka do pliku miniaturki obrazka" alt="Tekst alternatywny" border="0"></a> Większość nowych przeglądarek potrafi automatycznie otworzyć obrazek w nowym oknie, jednaki nie będzie wtedy możliwości szybkiej nawigacji pomiędzy kolejnymi zdjęciami z galerii. Natomiast...