href - Kurs HTML i CSS
Odsyłacze HTML / Do podstrony <a href>(w obrębie tego samego serwisu) Spis treści <a href> Do podstrony <a href> Dymek narzędziowy <a href title> Nowe okno <a href "_blank"> Do podstrony <a href> Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML i zawiera treść, która dość znacznie różni się tematycznie od pozostałych. Taka organizacja ułatwia użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu...
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
...postać tekstową. Jeśli chcesz umieścić w swoim serwisie np. menu z obrazkowymi przyciskami, należy w tym celu użyć następującego polecenia: <a href="adres"><img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny" style="border: 0"></a> gdzie jako "adres" można podać: względną ścieżkę dostępu do dowolnej podstrony Twojego serwisu (np.: index.html), adres internetowy poprzedzony przez "http://" lub "https://" (np.: http://www.onet.pl)...
- HTML dla zielonych / Odsyłacz do podstrony HTML <a href>
...ułożone kolejno odsyłacze do wszystkich podstron serwisu. Składnia odsyłacza do podstrony (w obrębie tego samego serwisu) jest następująca: <a href="względna ścieżka dostępu do podstrony">opis odsyłacza</a> Zasady wpisywania ścieżki dostępu są takie same jak w przypadku obrazków. Natomiast zamiast: "opis odsyłacza", należy wpisać krótki tekst, który pojawi się na ekranie i po kliknięciu którego nastąpi przejście do podanej podstrony (adres strony jest widoczny tylko w pasku statusu...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>
<a href="adres"><img src="ścieżka dostępu do obrazka" alt="tekst alternatywny"></a> adres Wartość tworzona analogicznie jak w przypadku odsyłaczy do: podstrony, etykiety, adresu internetowego, poczty e-mail czy dowolnych innych odsyłaczy (w zależności od wybranego typu odsyłacza). ścieżka dostępu do obrazka Lokalizacja na dysku, gdzie znajduje się żądany plik obrazka. tekst alternatywny Informacja prezentowana, jeśli obrazek nie zostanie wyświetlony. Do tej pory w tym rozdziale...
- Odsyłacze HTML / Serwerowa mapa odsyłaczy <a href, img ismap>
<a href="adres"><img src="ścieżka dostępu do obrazka" alt="tekst alternatywny" ismap></a> adres Wartość tworzona analogicznie jak w przypadku odsyłaczy do: podstrony, etykiety, adresu internetowego, poczty e-mail czy dowolnych innych odsyłaczy (w zależności od wybranego typu odsyłacza). ścieżka dostępu do obrazka Lokalizacja na dysku, gdzie znajduje się żądany plik obrazka. tekst alternatywny Informacja prezentowana, jeśli obrazek nie zostanie wyświetlony. Czasami obszary odsyłaczy...
Menu drzewiaste / Skrypt menu drzewiastego...copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Tree(id) { this.id = id; var url = unescape(window.location.href.replace(/#.*/, '')); var base = window.location.protocol + '//' + window.location.host + window.location.pathname.replace(/[^\/\\]+$/, ''); this.click = function () { for (var i = 0, el_node; i < this.parentNode.childNodes.length; i++) { el_node = this.parentNode.childNodes.item(i) if (el_node.nodeName.toLowerCase() == 'ul')...
- Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
...na którym wstawione jest menu, wystarczy wstawić odwołanie do utworzonego właśnie zewnętrznego arkusza stylów: <link rel="stylesheet" href="menu.css"> Przykład HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno Aby uzyskać następujące wielopoziomowe menu otwierane, imitujące tradycyjne menu aplikacji: Kurs HTML Dla...
- Galeria zdjęć HTML / Skrypt galerii zdjęć
...return null; } return { title: item.getAttribute('data-gallery'), src: this._getSrc(item), alt: item.title, protected: !item.getAttribute('href') }; }; GalleryModel.prototype.indexOf = function(src) { for (var i = 0; i < this.items.length; ++i) { var item = this.items[i]; if (this._getSrc(item) === src) { return i; } } return -1; }; GalleryModel.prototype.count = function() { return this.items.length; }; GalleryModel.prototype.preload = function(index) { var item...
- Odsyłacze HTML / Inne <a "news, nntp, newsrc, telnet, ssh, javascript, wais, gopher">
...skryptu <a "javascript"> Odsyłacz WAIS <a "wais"> Odsyłacz Gopher <a "gopher"> Odsyłacz do grup dyskusyjnych <a "news"> Serwer domyślny: <a href="news:nazwa grupy">opis</a> Wskazany serwer: <a href="news://serwer/">opis</a> Wskazana grupa na podanym serwerze: <a href="news://serwer/nazwa grupy">opis</a> Grupy dyskusyjne to usługa obsługiwana przez programy pocztowe, pozwalająca wypowiedzieć się na jakiś temat na forum oraz przeczytać wypowiedzi innych. Od zwykłego chatu różni...
- Nagłówek i treść HTML / Ikona strony <link "shortcut icon">
(interpretuje: Internet Explorer, Firefox, Opera 7, Chrome) <head> <link rel="shortcut icon" href="ścieżka dostępu"> </head> gdzie jako "ścieżka dostępu" należy podać lokalizację, w której znajduje się plik ikony - np.: favicon.ico Polecenie to pozwala dodać ikonkę (favicon.ico), która będzie widoczna w przeglądarce przy adresie naszej strony. Typowy rozmiar ikony to 16x16 pikseli. W systemie Windows jest dodatkowa możliwość umieszczenia skrótu na pulpicie - wtedy przydatna może być ikona o...