href - Kurs HTML i CSS
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...
- HTML5 / Zmienione elementy i atrybuty HTML5
...zostanie w całości wczytany przez przeglądarkę. dir Dodano nową wartość - "auto". enctype Dla znacznika FORM dodano obsługę "text/plain". href Dla elementu LINK nie może zawierać pustej wartości. Dla elementu BASE musi zawierać adres bezwzględny. Dla elementu A może zawierać IRI (od zwykłego adresu URL różni się tym, że może składać się z liter spoza alfabetu łacińskiego). Wymagane jest jednak przy tym, aby dokument był zapisany przy użyciu strony kodowej UTF-8 lub UTF-16...
- HTML5 / Sekcja <section>
...identyfikatorem, do którego będzie się można potem odnosić: <section id="moja-sekcja"> <h1>Moja sekcja</h1> ... </section> (...) Przejdź do: <a href="#moja-sekcja">Moja sekcja</a> Sekcja nie powinna być używana jako ogólny pojemnik na elementy. Jeżeli istnieje potrzeba, aby zmienić wygląd kilku następujących po sobie elementów, należy do tego użyć znacznika DIV, który w odróżnieniu od SECTION, nie niesie ze sobą żadnego znaczenia semantycznego. Ponadto znacznik SECTION został...
- HTML5 / Załącznik <figure, figcaption>
...na inną podstronę, bo inaczej dokument utraciłby spójność. Przykład <figure> <p>Język HTML5 upraszcza deklarowanie strony kodowej dokumentu. Na <a href="#listing1">przykładzie 1</a> możemy się przekonać, jak to zrobić.</p> <figure id="listing1"> <pre><code> <meta charset="UTF-8"> </code></pre> </figure> <p>Krótszą formę ma również deklaracja typu dokumentu.</p> Warto zwrócić uwagę, że gdyby tekst akapitu był sformułowany w inny sposób, użycie znacznika FIGURE mogłoby być raczej...
- HTML5 / Blokowanie wyświetlania <link "stylesheet" blocking, script blocking, style blocking>
(interpretuje: Opera 91, Chrome 105) Zewnętrzny arkusz stylów CSS: <link rel="stylesheet" href="style.css" blocking="render"> Skrypt JavaScript: <script blocking="render"></script> Wewnętrzny arkusz stylów CSS: <style blocking="render">...</style> style.css Lokalizacja zewnętrznego arkusza stylów CSS Przeglądarka internetowa może wykonywać niektóre operacje równocześnie. Czasami mogłoby to jednak prowadzić do nieoczekiwanych rezultatów. Dlatego na przykład osadzenie zewnętrznego...
- HTML5 / Kategorie elementów HTML5
...IFRAME, IMG, OBJECT, PICTURE, VIDEO interaktywne (ang. interactive content) Treść przeznaczona specjalnie do interakcji z użytkownikiem. A (href="..."), AUDIO (controls), BUTTON, DETAILS, EMBED, IFRAME, IMG (usemap="..."), INPUT (controls), LABEL, SELECT, TEXTAREA elementy formularzy (ang. form-associated elements) Elementy znajdujące się wewnątrz FORM lub do niego przypisane. BUTTON, FIELDSET, INPUT, LABEL, OBJECT, OUTPUT, SELECT, TEXTAREA, IMG wymienione elementy formularzy...