przeglądarki - Kurs HTML i CSS
Formularze HTML / Przykład formularza HTML...name="Muzyka" value="Inna">Inna (podaj jaka): <input name="Muzyka"> <!-- Lista rozwijalna (typ podstawowy) z zaznaczoną opcją domyślną --> <p>Jakiej przeglądarki internetowej używasz?</p> <select name="Przeglądarka"> <option selected>Chrome</option> <option>Opera</option> <option>Firefox</option> <option>Edge</option> <option>Inna</option> </select> <!-- Lista rozwijalna (typ rozszerzony) z zaznaczoną opcją domyślną i zmniejszoną wysokością --> <p>Jakie znasz systemy operacyjne (możesz...
- 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ł...
- Podcast HTML / #6 Multimedia HTML
...pozwala osadzić na stronie WWW pliki takie jak animacje, filmy lub muzyka. Wtyczka (plug-in) to niewielki program, który jest doinstalowywany do przeglądarki, aby umożliwić odtwarzanie danego pliku. Znacznik <embed src="ścieżka" width="x" height="y"> współpracuje z różnymi plikami multimedialnymi: Pliki dźwiękowe: *.wav, *.mid, *.mp3 (MPEG Layer-3). Pliki wideo/animacje: *.avi, *.ra, *.mpeg, *.mov, *.asf. Dokumenty PDF: element <embed> może służyć do bezpośredniego wyświetlenia pliku...
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...