ramka - Kurs HTML i CSS
AutoIFRAME / Dlaczego to nie działa?...Jeżeli skrypt nie działa, istnieje duże prawdopodobieństwo, że został nieprawidłowo wstawiony na stronę: Czy na stronie nadrzędnej znajduje się ramka <iframe>...</iframe> z odpowiednim atrybutem id="..."? Czy wartość tego atrybutu jest taka sama, jak w skrypcie (domyślnie "autoiframe")? A może identyfikator zawiera nieprawidłowe znaki, jak np. spacje lub polskie litery? Czy na wszystkich podstronach wczytywanych do ramki <iframe>...</iframe> zostało umieszczone w nagłówku odwołanie do...
Widżety HTML / Ramki HTML...multimediami, które mogą być na niej osadzone. Może to oznaczać bardzo długi czas ładowania całego dokumentu z wstawionymi zbyt wieloma takimi ramkami. Do czego mogą się przydać ramki? Strony wyświetlane wewnątrz nich nie przejmują sposobu formatowania (koloru, rozmiaru ani kroju czcionki itp.) z dokumentu, w którym zostały osadzone. Dzięki tej własności są szczególnie chętnie używane przez twórców różnego rodzaju widżetów, czyli specjalnych gotowych wstawek, które można osadzić na...
- Komendy HTML 4.01 / Wykaz atrybutów
Atrybut Zastosowanie Opis abbr TD, TH Skrót dla komórki nagłówkowej tabeli accept FORM, INPUT Lista typów MIME dla wysyłanego pliku accept-charset FORM Lista obsługiwanych znaków accesskey A, AREA, BUTTON, INPUT, LABEL, LEGEND, TEXTAREA Znak klawisza dostępu action FORM (wymagany) Obsługa formularza po stronie serwera align APPLET, IFRAME, IMG, INPUT, OBJECT Pionowe lub poziome ustawienie align CAPTION Ustawienie nagłówka tabeli align COL, COLGROUP...
- Widżety HTML / Ramki lokalne <iframe>
...nie określimy koloru tła dokumentu wczytywanego do ramki lokalnej, przeglądarka może przyjąć dla niego kolor tła strony, na której wstawiona jest ramka. Pomiędzy znacznikiem otwierającym <iframe...> a zamykającym </iframe> można umieścić dowolny kod, który wyświetli się tylko w sytuacji, jeśli przeglądarka nie obsługuje ramek lokalnych. Najłatwiej podać po prostu odsyłacz do tej samej strony, którą wczytujemy do ramki. Wtedy użytkownicy niekompatybilnych przeglądarek będą mogli...
- Znaki specjalne HTML / Aktywności - emotikony (emoji)
...🏓 🏸 Rakieta i lotka do badmintona 🏸 🥊 Rękawica bokserska 🥊 🥋 Uniform sztuk walki 🥋 🥅 Siatka bramkarska 🥅 ⛳ Chorągiewka w dołku ⛳ ⛸ Łyżwiarstwo na lodzie ⛸ 🎣 Wędka i ryba 🎣 🤿 Maska do nurkowania 🤿 🎽 Koszulka do biegania ze wstęgą 🎽 🎿 Narty i buty narciarskie 🎿 🛷 Sanki 🛷 🥌 Kamień do curlingu 🥌 Gry 🎯 Trafienie bezpośrednie 🎯...
Obramowanie CSS / Styl obramowania {border-...-style}...border-top-style: double groove - "rowek" Przykład border-top-style: groove ridge - "grzbiet" Przykład border-top-style: ridge inset - "ramka" Przykład border-top-style: inset outset - "przycisk" Przykład border-top-style: outset Przy tworzeniu obramowania możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obramowania
- HTML5 / Leniwe ładowanie <iframe loading, img loading>
Widżet - ramka lokalna: <iframe src="lokalizacja" loading="tryb"></iframe> Obrazek: <img src="lokalizacja" loading="tryb"> lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób tryb Należy podać jedną z poniższych wartości: lazy - zasób zostanie pobrany dopiero po spełnieniu określonych warunków - np. kiedy użytkownik przewinie stronę w jego pobliże. eager - ładowanie natychmiastowe (wartość domyślna) Język HTML pozwala na...
- Obramowanie CSS / Styl obrysu {outline-style}
...Przykład outline-style: double groove - "rowek". Przykład outline-style: groove ridge - "grzbiet". Przykład outline-style: ridge inset - "ramka" Przykład outline-style: inset outset - "przycisk" Przykład outline-style: outset Obrys jest zbliżony swoim wyglądem do obramowania. Istnieją jednak pewne różnice: Obrys nie zajmuje miejsca w modelu pudełkowym i dlatego nie wpływa na rozmiary ani pozycję żadnych elementów. Obrys nie musi być prostokątem. Jest tworzony zawsze na...
- Obramowanie CSS / Obcięcie obramowania obrazkowego {border-image-slice}
(CSS 3 - interpretuje Opera 15, Chrome) selektor { border-image-slice: obcięcie } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "obcięcie" należy podać podziałkę (domyślnie: 100%), według której obrazek zostanie pocięty na siatkę, składającą się z dziewięciu części: czterech narożników, czterech krawędzi i środka. Możliwe jest przy tym podanie: jednej wartości - określa jednakowe odległości cięć linii siatki od...
- Pozycjonowanie CSS / Pozycja absolutna {position: absolute}
...krawędzi od brzegów bloku obejmującego były dokładnie takie, jak podano. Blokiem obejmującym w tym przypadku zwykle jest okno przeglądarki lub ramka. Jednak jeżeli element, który pozycjonujemy znajduje się wewnątrz innego elementu, który wcześniej został poddany pozycjonowaniu (absolutnemu, relatywnemu lub ustalonemu), to położenie jest obliczane względem pozycji tego elementu nadrzędnego, a nie okna przeglądarki. Polecenie pozycjonowania absolutnego (bezwzględnego) pozwala przesunąć...