href - Kurs HTML i CSS
HTML5 / Główna treść <main>...Serwis kinomaniaków</title> <head> <body> <header> Serwis kinomaniaków <nav> <ul> <li><a>Matrix</a></li> <li><a href="incepcja.html">Incepcja</a></li> <li><a href="trzynaste-pietro.html">Trzynaste piętro</a></li> </ul> </nav> </header> <main> <h1>Matrix</h1> <nav> <ul> <li><a href="#czym-jest-matrix">Czym jest Matrix?</a></li> <li><a href="#matrix-reaktywacja">Matrix: Reaktywacja</a></li> <li><a...
- HTML5 / Wstępne ładowanie <link "preload" as>
(interpretuje: Firefox 85, Opera 37, Chrome 50) <link rel="preload" as="rodzaj" type="typ" href="lokalizacja"> rodzaj W zależności od języka, w którym wybrane zasoby zewnętrzne są używane, można podać następujące wartości: w języku HTML - audio, document (dokument HTML), embed, frame, iframe, image, object, track, video w języku CSS - font, style (zewnętrzny arkusz stylów oraz import arkusza stylów) w języku JavaScript - fetch, json, script w języku XML - xslt (ang. Extensible...
Menu w CSS / Rozdzielenia struktury i prezentacji dokumentu...wersjach dokumentów. Zacznijmy więc od przygotowania kodu HTML z odnośnikami, który będzie zupełnie pozbawiony formatowania: <ul> <li><a href="czcionki.html">Czcionki</a></li> <li><a href="tekst.html">Tekst</a></li> <li><a href="tlo.html">Tło</a></li> <li><a href="marginesy.html">Marginesy</a></li> <li><a href="obramowanie.html">Obramowanie</a></li> </ul> Rezultat bez stylizacji jest następujący: Czcionki Tekst Tło Marginesy Obramowanie Kod ten będzie wykorzystywany we...
- Menu w CSS / Menu z nagłówkami
...stanowią rozwinięcie krótkiego nagłówka, zapisanego wewnątrz <dt>...</dt> - taki kod również jest poprawny semantycznie: <dl> <dt>CSS</dt> <dd><a href="czcionki.html">Czcionki</a></dd> <dd><a href="tekst.html">Tekst</a></dd> <dd><a href="tlo.html">Tło</a></dd> <dd><a href="marginesy.html">Marginesy</a></dd> <dd><a href="obramowanie.html">Obramowanie</a></dd> </dl> Efekt bez stylizacji: CSS Czcionki Tekst Tło Marginesy Obramowanie Oczywiście takie menu może zawierać więcej niż...
- HTML dla zielonych / Odsyłacz do adresu internetowego HTML <a "http, https">
...reklama dla strony, do której następuje odwołanie. Składnia odsyłacza do adresu internetowego (w obrębie całego Internetu) jest następująca: <a href="adres internetowy">opis odsyłacza</a> Zasady wpisywania "opisu odsyłacza" są takie same jak w przypadku odsyłacza do podstrony. Natomiast jako: "adres internetowy" należy wpisać adres miejsca w Internecie, gdzie chcemy się przenieść (np.: http://www.onet.pl). Adres strony internetowej zawsze musi rozpoczynać się od http:// lub https...
- Czcionki CSS / Czcionki osadzone @font-face
...się, że Google kiedyś zaprzestanie udostępniania darmowych czcionek, mogą skopiować sobie pliki na własny serwer 😉 <head> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=rodzaj"> <style> selektor { font-family: rodzaj } </style> </head> Jeżeli nazwa rodzaju czcionki zawiera spację, w adresie arkusza musi być ona zastąpiona znakiem plusa. Natomiast już wewnętrznym arkuszu CSS wstawiamy normalnie znak spacji. Oczywiście jako wartość atrybutu font-family powinny...
Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki...menubar=yes,toolbar=yes,location=yes,directories=no,status=yes,scrollbars=yes,resizable=yes'); if (okno) okno.focus(); else window.location.href = adres; } else this.ramka.location.href = adres; } Indeks.prototype.zaznacz = function() { var haslo = document.forms[this.id].elements['haslo'].value.toLowerCase(); for (var i = 0; i < document.forms[this.id].elements['hasla'].options.length; i++) { if...
- Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego
...< 0) czasOtworz = 250; if (typeof czasZamknij == 'undefined' || czasZamknij < 0) czasZamknij = 500; var url = unescape(window.location.href.replace(/#.*/, '')); var base = window.location.protocol + '//' + window.location.host + window.location.pathname.replace(/[^\/\\]+$/, ''); if (style) { if (style.indexOf(':') < 0) { document.getElementById(id).className += ' ' + style; } else { style = style.replace(/(^\s+|(\s|;)+$)/g, '').split(/\s*;\s*/)...
- Nagłówek i treść HTML / Nawigacja <link "prev, next, help, search">
...punktu nawigacyjnego Tytuł Tytuł który pojawi się na pasku nawigacji Sekwencja <link "prev, next"> Poprzednia strona: <head> <link rel="prev" href="adres"> </head> Następna strona: <head> <link rel="next" href="adres"> </head> Jeżeli strony w naszym serwisie poukładane są w określonej sekwencji i ważne jest, aby czytelnik zaznajomił się z nimi właśnie w takiej kolejności, przydatne może okazać się wskazanie poprzedniego i następnego dokumentu. Pomoc <link "help"> <head> <link...
- Nagłówek i treść HTML / Dokumenty prawne <link "license, privacy-policy, terms-of-service">
...Warunki świadczenia usług (regulamin) <link "terms-of-service"> Licencja (prawa autorskie) <link "license"> <head> <link rel="license" href="ścieżka dostępu"> </head> Jeżeli aktualny dokument jest chroniony prawami autorskimi, warto wskazać ścieżkę dostępu do dokumentu z licencją opisującą warunki korzystania z materiałów znajdujących się na stronie. Licencja na zdjęcia Może się zdarzyć, że niektóre elementy strony, jak np. zdjęcia wstawione w dokumencie, mogą być chronione...