przeglądarka - Kurs HTML i CSS
HTML5 / Napisy do filmów <track>...niesłyszących albo transkrypcję dla niewidomych. W takim przypadku należy się posłużyć atrybutem kind="...". Określa on rodzaj napisów, dzięki czemu przeglądarka może wybrać odpowiedni w zależności od okoliczności. Dopuszczalne wartości tego atrybutu to: subtitles Typowe napisy, które widzimy np. w kinie na obcojęzycznych filmach. Są po prostu tłumaczeniem na język rodzimy wszystkich kwestii wypowiadanych przez aktorów na ekranie. captions Opisuje nie tylko dialogi, ale również wszystkie...
Szablon strony na DIV-ach / Responsywny szablon...pomiędzy znacznikami <head> i </head>, następuje polecenie: <meta name="viewport" content="width=device-width, initial-scale=1"> Oznacza ono, że przeglądarka mobilna nie musi pomniejszać strony, ponieważ to my zadbamy o to, aby strona była wygodna w odbiorze na urządzeniach przenośnych [zobacz: Skalowanie]. Responsywne obrazki Następnie powinniśmy zadbać, aby w miarę możliwości wszystkie ilustracje na stronie były responsywne - zobacz: Responsywny obrazek. Punkty przeskoku Na koniec...
- Nagłówek i treść HTML / Ikona strony <link "shortcut icon">
...rozmiaru w jednym pliku. Przeglądarki pozwalają również używać innych formatów graficznych, takich jak np. PNG. Możemy również podać kilka ikon, a przeglądarka samodzielnie wybierze sobie taką, która jej najlepiej pasuje. W przypadku gdy więcej niż jedna z podanych ikon będzie odpowiednia, zostanie wybrana ostatnia z wymienionych. Na przykład: <link rel="icon" href="favicon.ico" sizes="16x16 32x32" type="image/vnd.microsoft.icon"> <link rel="icon" href="favicon.png" sizes="16x16...
- Komendy HTML 4.01 / OBJECT
...o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) NAME="nazwa" Nazywa element STANDBY="tekst" Podaje wiadomość, którą przeglądarka może odtworzyć, podczas ładowania implementacji i informacji obiektu STYLE="styl" Informacje stylów (CSS) TABINDEX="liczba" Określa pozycję elementu w kolejności wybierania tabulatorem TITLE="tekst" Tekst pomocniczy TYPE="typ" Typ zawartości informacji podanych w atrybucie DATA USEMAP="adres" Wiąże mapę odnośników (MAP) z...
- Ikony (symbole) / Sprzęt
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Telefon iPhone phone_iphone phone_iphone Zapisz save save Smartfon smartphone smartphone Klawiatura strzałka w dół keyboard_arrow_down keyboard_arrow_down Drukuj print print Komputer computer computer Urządzenia devices devices Komputer...
- Odsyłacze HTML / Odsyłacz pocztowy <a "mailto">
...Dwie ostatnie wartości nie są wymagane, tzn. można ich nie podawać. Wadą stosowania skryptu zamiast zwykłego odsyłacza pocztowego jest to, że jeśli przeglądarka użytkownika nie obsługuje skryptów JavaScript, nie zobaczy on żadnego odnośnika i nie będzie się mógł z Tobą skontaktować. Na szczęście znacząca większość używanych dzisiaj przeglądarek internetowych, bez trudu sobie z tym radzi, dlatego ryzyko błędu nie jest takie duże. Uwaga! Jeśli zdecydujesz się na wykorzystanie skryptu, musi on...
- Multimedia HTML / Obrazek HTML <img>
...wyświetlony (np. jeśli użytkownik wyłączy wyświetlanie grafiki w swojej przeglądarce internetowej). Informacja alternatywna jest przydatna w przeglądarkach, które nie wyświetlają grafiki lub kiedy użytkownik wyłączył jej wyświetlanie albo dla osób niewidomych, które korzystają ze specjalnych syntezatorów mowy. 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...
- Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>
...zależy nam na tym, aby plik multimedialny był odtwarzany wprost na stronie, a jednocześnie chcemy mieć pewność, że będzie on dostępny we wszystkich przeglądarkach, możemy użyć zagnieżdżania plików multimedialnych: <object data="ścieżka dostępu do pliku multimedialnego" width="szerokość" height="wysokość"> <a href="ścieżka dostępu do pliku multimedialnego">Pobierz plik</a> </object> gdzie zmodyfikować należy wyróżnione linijki, a kolejne wpisy w nich oznaczają: ścieżka dostępu do pliku...
- Czcionki CSS / Proporcje czcionki {font-size-adjust}
...określić proporcje czcionki, za pomocą powyższego polecenia. Dzięki temu, niezależnie od rodzaju czcionki, tekst będzie tak samo czytelny, ponieważ przeglądarka automatycznie dobierze odpowiednią jej wielkość - zgodnie ze wzorem: w' = w * (p / p') gdzie: w - wysokość czcionki określona w poleceniu p - proporcje określone w poleceniu w' - obliczona wysokość p' - proporcje dostępnej czcionki Przykładowo, jeśli wpiszemy: <p style="font-family: Verdana, 'Times New Roman'; font-size: 14px...
- Formularze HTML / Lista rozwijalna <select, option, optgroup>
...ale domyślnie na ekranie wyświetla się tylko jedna z nich, a dopiero po kliknięciu rozwijają się kolejne. Ponadto jeśli opcji będzie bardzo dużo, przeglądarka pokaże pionowy suwak do ich przewijania. Jak zrobić listę rozwijaną w HTML? Lista rozwijana jest jednym z rodzajów pól formularza. Aby wstawić pole takiego typu na stronie i umieścić w nim np. trzy opcje, można się posłużyć następującym kodem: <select name="..."> <option>Opcja 1</option> <option>Opcja 2</option> <option>Opcja...