ramki - Kurs HTML i CSS
Komendy HTML 4.01 / FRAME...Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LONGDESC="adres" Odnośnik do długiego opisu ramki MARGINHEIGHT="piksela" Wysokość górnego i dolnego marginesu w ramce (w pikselach) MARGINWIDTH="piksele" Szerokość lewego i prawego marginesu w ramce (w pikselach) NAME="nazwa" Określa nazwę ramki, do której mogą się później odnosić odsyłacze (atrybut TARGET elementu A) NORESIZE Rozmiary okna ramki nie będą zmieniane...
Obramowanie CSS / Obramowanie obrazkowe {border-image-source}...duże. Jednak nie zawsze jest to wystarczające. Czasami mimo wszystko chcielibyśmy urozmaicić stronę, umieszczając na niej estetycznie wyglądające ramki z graficznie wykończonymi krawędziami. W tradycyjnym podejściu zwykle przygotowuje się wtedy trzy elementy obrazkowe: górna krawędź ramki, dolna krawędź oraz boczne krawędzie w postaci grafiki powielanej w pionie. Przykład Tak wyglądają osobne części krawędzi obramowania (środkowy obrazek zostanie powielony w pionie, więc wystarczy, żeby...
AutoIFRAME / Skrypt AutoIFRAME...id="autoiframe", np.: <iframe src="..." name="..." id="autoiframe" width="100%" height="560">...</iframe> UWAGA! Pamiętaj, aby podać taką wysokość ramki (height="..."), która będzie wygodna w przypadku, gdyby skrypt nie zadziałał! Teraz na wszystkie podstrony, które będą wczytywane do ramki lokalnej, należy wstawić następujący kod (trzeba to zrobić koniecznie w nagłówku dokumentu, czyli w ramach <head>...</head>): <script src="autoiframe.js"></script> Następnie na samym końcu podstrony...
- HTML5 / Osadzenie kodu HTML w ramce lokalnej <iframe srcdoc>
...<iframe srcdoc="kod"></iframe> kod Dowolny tekst ze znacznikami HTML. Może on składać się z wielu linijek. Dzięki atrybutowi srcdoc='...' do ramki lokalnej nie musimy wczytywać osobnego pliku HTML za pomocą atrybutu src="...", ale możemy wprost podać kod HTML, który się w niej wyświetli. Pamiętaj, że wartość atrybutu srcdoc='...' (oraz w formie srcdoc="...") musi mieć w odpowiedni sposób zakodowane znaki specjalne. W tym celu na kodzie HTML, który chcesz wpisać w tym atrybucie...
- Komendy HTML 4.01 / BASE
...się w sekcji HEAD. Atrybuty: HREF="adres" Określa absolutny adres, według którego będą tworzone adresy względne 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 Zdarzenia: Znacznik otwierający: wymagany Znacznik zamykający: zabroniony
- Formularze HTML / Grupowanie pól <fieldset, legend>
...(Pola formularza) </fieldset> Pozwala zgrupować tematycznie kilka pól formularza, dzięki czemu zostają one objęte ramką. Wygląd ramki grupującej może się różnić w zależności od przeglądarki. W drugiej z podanych wersji powoduje pojawienie się tytułu na ramce grupującej. UWAGA! Znacznik <legend>...</legend> (tytuł ramki grupującej) musi znajdować się bezpośrednio po znaczniku otwierającym <fieldset> oraz nie może zawierać elementów blokowych. Przykład <fieldset, legend>...
- Oprawa graficzna / "Duszki" CSS
...wyświetlenia ich na stronie, będą musiały być ułożone przy górnej lub dolej krawędzi arkusza. Będzie to miało miejsce np. w przypadku wierzchu ramki, której wysokość na stronie dopasowuje się do zawartości - zwykle musimy ją umieścić przy dolnym brzegu arkusza. Spód takiej ramki umieszcza się natomiast przy górnym brzegu. Jak można zauważyć nawet na przygotowanym przykładowym arkuszu z "duszkami", bardzo trudno jest upakować na nim grafiki w taki sposób, aby nie zostawić żadnych wolnych...
- Komendy HTML 4.01 / A
...STYLE="styl" Informacje stylów (CSS) TABINDEX="liczba" Określa pozycję elementu w kolejności wybierania tabulatorem 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: onfocus...
- Komendy HTML 4.01 / AREA
...STYLE="styl" Informacje stylów (CSS) TABINDEX="liczba" Określa pozycję elementu w kolejności wybierania tabulatorem 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 Zdarzenia: onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup...
- Komendy HTML 4.01 / FORM
...ciała formularza i wysłane do pośrednika procesu NAME="nazwa" Nazwa formularza 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 Zdarzenia: onsubmit, onreset, onclick, ondblclick, onmousedown, onmouseup...