ramki - Kurs HTML i CSS
Komendy HTML 4.01 / LINK...adres zwrotny podany w atrybucie HREF (analogicznie jak w przypadku atrybutu REL) STYLE="styl" Informacje stylów (CSS) TARGET="cel" Podaje nazwę ramki, w której dokument będzie otwarty; ponadto możliwe jest tutaj podanie: _blank - załadowanie do nowego okna _parent - do ramki nadrzędnej _self - do tej samej, w której znajduje się element _top - do pełnego, oryginalnego okna TITLE="tekst" Tekst pomocniczy TYPE="typ" Określa typ zawartości pod adresem docelowym Zdarzenia: onclick...
- Komendy HTML 4.01 / TABLE
...left - do lewej right - do prawej BGCOLOR="kolor" Kolor tła w komórkach tabeli (zdeprecjonowane) BORDER="piksele" Szerokość w pikselach ramki otaczającej tabelę CELLPADDING="długość" Podaje odstęp (w pikselach lub w procentach) pomiędzy ramką komórki tabeli a jej zawartością CELLSPACING="długość" Podaje odstęp (w pikselach lub procentach) pomiędzy sąsiednimi komórkami oraz ramką tabeli CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być...
- HTML5 / Piaskownica zabezpieczająca <iframe sandbox>
...sprawi, że będzie ona mogła samodzielnie usunąć atrybut sandbox i w ten sposób pozbyć się wszystkich nałożonych na nią ograniczeń. Chociaż ramki lokalne zapewniają wizualną izolację od reszty dokumentu (nie powinny popsuć jego wyglądu), to potencjalnie nadal w pewnym stopniu mogą być niebezpieczne. Oczywiście sami raczej nie zaatakujemy użytkownika serią wyskakujących okienek ani świadomie nie zainstalujemy mu konia trojańskiego czy wirusa. Nie zawsze jednak mamy pełną kontrolę nad...
Tekst CSS / Tryb pisania {writing-mode}...przyjmie bardziej zwarte rozmiary. Warto pamiętać, że nawet w przypadku pionowego ułożenia tekstu elementy takie jak <img> (obrazki) i <iframe> (ramki lokalne) nadal będą ułożone w standardowej orientacji poziomej. Jest to celowy zabieg, ponieważ jeśli chcemy, aby tekst w takich elementach był ułożony pionowo, możemy po prostu przygotować taki obrazek albo nadać taki tryb dla dokumentu HTML wyświetlanego wewnątrz ramki lokalnej. Inaczej sprawa się ma w przypadku elementów zastępowanych...
Wykaz skryptów / Pozostałe skrypty...blokada klawisza Print Screen (prosty zrzut ekranu). Migotanie tekstu Migający tekst, który działa nie tylko w Netscapie. Automatyczna wysokość ramki IFRAME Automatyczne dopasowanie wysokości ramki IFRAME do długości treści strony wczytanej do niej. Wyszukiwarka Wstawienie na własną stronę wyszukiwarki, która pozwala przeszukiwać cały Internet lub/i tylko Twój serwis. Indeks (skorowidz)/wyszukiwarka Automatyczny skorowidz tematyczny, pozwalający użytkownikowi błyskawicznie odszukać...
- AutoIFRAME / Dlaczego to nie działa?
...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 pliku skryptu autoiframe.js? Czy odwołanie aby nie zostało wstawione w miejscu innym niż nagłówek dokumentu (<head>...</head>)? Czy w tym samym katalogu co podstrony znajduje się plik autoiframe.js z zawartością skryptu? Czy plik nie został nazwany przypadkiem Autoiframe.JS...
- Indeks, wyszukiwarka / Przykład indeksu, wyszukiwarki
...['Pozycjonowanie','../css/pozycjonowanie.html'], ['Promocja strony WWW','../html/promocja.html'], ['Ramki','../html/ramki.html'], ['Rozmiary','../css/rozmiary.html'], ['Selektory','../css/selektory.html'], ['Selektory atrybutów','../css/atrybuty.html'], ['Selektory elementów','../css/elementy.html'], ['Selektory pseudoelementów','../css/pseudoelementy.html'], ['Selektory pseudoklas','../css/pseudoklasy.html'], ['Selektory...
- Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
Jeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
...noindex, indexifembedded" - umożliwia indeksowanie stron załadowanych wewnątrz ramek, kiedy indeksowanie dokumentu, w którym są wstawione te ramki, zostało zablokowane ("noindex") "unavailable_after: data/czas" - uniemożliwia wyświetlanie strony w wynikach wyszukiwania po określonej dacie/czasie. Datę i czas można podać w formacie ISO 8601. "max-image-preview:rozmiar" - steruje rozmiarem podglądu zdjęć ze strony, które mogą się wyświetlać w wynikach wyszukiwania. Jako rozmiar należy...
- Widżety HTML / Ostrzeżenie przed ramką
...bez względu czy wchodzą one w skład ramek czy nie. Aby zapobiec takim sytuacjom, można na każdej stronie, która ma zostać wyświetlona wewnątrz ramki, wstawić bezpośrednio po znaczniku otwierającym BODY [zobacz: Ramy dokumentu] następujący kod: <script> if (self == parent) document.write('<div align="center"><b>UWAGA!</b> To jest tylko ramka - wróć do <a href="index.html"><b>STRONY GŁÓWNEJ</b></a></div><hr><br><br>'); </script> gdzie w miejsce tekstu "index.html" należy podać...