href - Kurs HTML i CSS
Przeglądarka zdjęć...go w osobnym pliku z rozszerzeniem *.css - np. przegladarka_zdjec.css i osadzić w nagłówku dokumentu za pomocą znacznika: <link rel="stylesheet" href="przegladarka_zdjec.css"> Oczywiście można go również dołączyć do już istniejącego arkusza stylów serwisu. Inicjalizacja Czasami może zajść potrzeba wyświetlenia w przeglądarce zdjęć zaraz po załadowaniu strony zdjęcia innego niż pierwsze. W tym celu do strony, na której wstawiony jest skrypt, trzeba przejść poprzez odsyłacz, w którym...
Media CSS / Zapytania mediów...screen and (color); @media screen and (color) { /* Arkusz dla urządzeń z kolorowym ekranem */ } <link rel="stylesheet" media="screen and (color)" href="kolor.css"> Zapytanie mediów składa się ze standardowego typu lub grupy medium, po którym następuje słowo kluczowe "and" (ang. i), a następnie w nawiasie cecha medium (ang. media feature), określająca wymagane możliwości urządzenia w ramach podanego na początku mediów ogólnego. Pomiędzy słowem kluczowym "and" a nawiasem musi znajdować się...
XHTML / Wymagania stawiane dokumentom XHTML...<html xmlns="http://www.w3.org/1999/xhtml" lang="pl"> <head> <title>Tytuł dokumentu</title> </head> <body> <p>Przejdź do <a href="http://example.org/">example.org</a>.</p> </body> </html> Na serwerach obsługujących skrypty PHP (pliki z rozszerzeniami *.php) po wpisaniu deklaracji XML może wystąpić błąd. Aby go uniknąć, należy zamiast deklaracji XML wpisać: <?php echo '<'.'?xml version="1.0" encoding="UTF-8"?'.'>'."\n"; ?> Niektóre przeglądarki mogą nie...
- Widżety HTML / Ramki lokalne <iframe>
...Ramki lokalne <iframe> Rozmiar ramki <iframe width height> Nazwa ramki <iframe name> Ramki lokalne <iframe> <iframe src="lokalizacja"> <a href="lokalizacja">Tekst alternatywny</a> </iframe> gdzie jako "lokalizacja" należy podać adres strony albo lokalizację na dysku, gdzie znajduje się strona, która na ma zostać wczytana do ramki. Natomiast "Tekst alternatywny" wyświetli się tylko w przeglądarkach, które nie obsługują ramek lokalnych. Ramki lokalne są umieszczane bezpośrednio na...
- Komendy HTML 4.01 / AREA
Określa obszar wewnątrz mapy odnośników klienta (MAP). Zobacz więcej... Atrybuty: ACCESSKEY="znak" Przypisuje klawisz dostępu do elementu ALT="text" Tekst alternatywny CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami COORDS="współrzędne" Podaje współrzędne obszaru w mapie odnośników klienta, które zależą od kształtu obszaru (atrybut SHAPE): x,y,r - (SHAPE="circle" - koło) x,y - środek koła; r - promień...
- Formularze HTML / Hasło <input "password">
...tym celu wystarczy na stronie głównej, do której wszyscy mają normalny dostęp, wstawić następujący kod: <form action="?" onsubmit="window.location.href = this.password.value + '.html'; return false"> <input type="password" name="password"> <input type="submit" value="OK"> </form> Hasłem w tym przypadku jest nazwa strony bez rozszerzenia, którą chcemy zabezpieczyć. Przykładowo: hasłem do strony tajna_strona.html (która znajduje się w tym samym katalogu co strona główna, czyli tam gdzie...
- Formularze HTML / Alternatywny sposób wysłania formularza
...break; default: text += url_encode(f.elements[i].name) + '=' + url_encode(f.elements[i].value) + "%0A"; break; } } window.location.href = f.action + (f.action.indexOf('?') == -1 ? '?' : '&') + 'body=' + text; } </script> Na koniec musisz tylko dodać do znacznika <form> formularza atrybut: onsubmit="mail_form(this); return false", np.: <form action="mailto:adres e-mail?subject=temat" method="post" enctype="text/plain" onsubmit="mail_form(this); return false"> (Pola...
- Media CSS / Wybór medium @media
...<!doctype html> <html lang="pl"> <head> <title>Odnośnik do medium docelowego</title> <link rel="stylesheet" media="print, handheld" href="arkusz.css"> </head> <body> <p>Ciało dokumentu...</p> </body> </html> Podanie medium docelowego wewnątrz języka dokumentu (atrybut "media" elementu STYLE precyzujący włączenie wewnętrznego arkusza stylów): <!doctype html> <html lang="pl"> <head> <title>Arkusz z medium docelowym</title> <style media="print"> /* Arkusz...
- Nowe okno / Jedno okno
...Przed załadowaniem strony: <head> <script> window.open('adres', 'nazwa').focus(); </script> </head> Po kliknięciu odsyłacza: <a target="nazwa" href="adres" onclick="window.open('adres', 'nazwa').focus(); return false">opis</a> adres Lokalizacja dowolnej podstrony serwisu lub adres internetowy. Jeśli nie chcemy wczytywać do nowego okna żadnego dokumentu, można tutaj wpisać: 'about:blank'. nazwa Nazwa nowego okna, która może być później wykorzystywana do wczytywania nowych stron do...
- Nowe okno / Generator okien
...okno po kliknięciu odsyłacza (trzeci wariant), czyli bez określania parametrów wyglądu, lepiej to zrobić w następujący sposób: <a target="_blank" href="adres">opis</a>