href - Kurs HTML i CSS
Oprawa graficzna / "Duszki" CSS...Tak jest w przypadku menu pionowego, opisanego wcześniej w rozdziale Menu w CSS. Tutaj wykonamy go przy wykorzystaniu "duszków". <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> ul, ul li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; font-size: 12px; } ul li...
Odsyłacze HTML / Komunikatory internetowe <a "gg, skype, xmpp, icq">Spis treści <a "gg, skype, xmpp, icq"> Gadu-Gadu <a "gg"> Skype <a "skype"> Jabber <a "xmpp"> ICQ <a "icq"> Gadu-Gadu <a "gg"> <a href="gg:numer">opis</a> Status użytkownika <img src="https://status.gadu-gadu.pl/users/status.asp?id=numer&styl=styl" alt="Gadu-Gadu"> gdzie jako styl należy podać liczbę 1. Jeżeli podamy 2, zamiast obrazka zostanie zwrócona liczba odzwierciedlająca status użytkownika: 1 - "niedostępny", 2 - "dostępny", 3 - "zaraz wracam". Skype <a "skype"> <a...
- 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ż...
- 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...
- 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...
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*/)...
- 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...