link - Kurs HTML i CSS
HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">...<a href, img src alt "border"> Kliknij na tym przycisku: Pytania i odpowiedzi <a href, img src alt "border"> Jak zrobić, aby obrazek był linkiem? Najłatwiejszym sposobem umieszczenia odsyłacza obrazkowego na stronie jest wstawienie obrazka wewnątrz znacznika odsyłacza. Odnośniki obrazkowe można tworzyć dla wszystkich typów odsyłaczy: do podstrony, do adresu internetowego i pocztowych. Na przykład jeśli plik zdjęcia nazywa się "obrazek.jpg" i znajduje się w tym samym katalogu na...
- Znaki specjalne HTML / Przedmioty - emotikony (emoji)
...Koło zębate ⚙ 🗜 Kompresja, ściskanie 🗜 ⚖ Waga ⚖ 🦯 Laska dla niewidomych 🦯 🔗 Odnośnik, łącze, link 🔗 ⛓ Łańcuchy ⛓ 🪝 Hak 🪝 🧰 Skrzynka na narzędzia 🧰 🧲 Magnes 🧲 🪜 Drabina 🪜 Nauka ⚗ Alembik ⚗ 🧪 Probówka 🧪 🧫 Szalka Petriego 🧫 🧬 Podwójna helisa DNA 🧬 🔬 Mikroskop 🔬 🔭 Teleskop 🔭 📡 Antena...
- HTML5 / Filmy i dźwięk <video, audio, source>
...Treść alternatywna Zawartość, która zostanie wyświetlona, jeżeli przeglądarka nie obsługuje tego znacznika. Może to być np. bezpośredni link do pobrania pliku multimedialnego na swój dysk lokalny albo zbiór znaczników realizujący uniwersalny sposób odtwarzania plików w HTML 4. Należy zwrócić uwagę, że treść alternatywna nie zostanie wyświetlona, jeżeli przeglądarka obsługuje znacznik AUDIO/VIDEO, a jedynie nie rozpoznaje podanego formatu pliku audio/wideo. lokalizacja pliku w...
- Typy MIME / Wykaz typów MIME
...application/mathematica ma nb mb application/mathml+xml mathml application/mbox mbox application/mediaservercontrol+xml mscml application/metalink+xml metalink application/metalink4+xml meta4 application/mets+xml mets application/mods+xml mods application/mp21 m21 mp21 application/mp4 mp4s application/msword doc dot application/mxf mxf application/octet-stream bin dms lrf mar so dist distz pkg bpk dump elc deploy application/oda oda application/oebps-package+xml opf...
Media CSS / Zapytania mediów...wyborze medium, np.: @import url(kolor.css) 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...
Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki...HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8): /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Indeks(id, ramka) { this.id = id; if (typeof ramka == 'undefined') this.ramka = self; else if (typeof ramka == 'string') { if (ramka == '_blank') this.ramka = ''; else if (ramka == '_self') this.ramka = self...
- Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego
...instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku menu.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Menu(id, style, otworz, wysun, czasRozwin, czasZwin, czasOtworz, czasZamknij, nieInicjalizuj) { if (typeof czasRozwin == 'undefined' || czasRozwin < 0) czasRozwin = 25; if (typeof czasZwin == 'undefined' || czasZwin < 0)...
- Odsyłacze HTML / Odsyłacz FTP <a "ftp">
...jest zwykle równoznaczne z oddaniem pełnego dostępu (do odczytu i zapisu - w tym kasowania plików) każdemu użytkownikowi, który kliknie na podany link! Dlatego tego typu odnośników nie powinno się stosować. Zwłaszcza nie stosuj ich podając adres konta FTP, na którym znajduje się Twoja strona WWW!
- Odsyłacze HTML / Blokada indeksowania odsyłaczy <a "nofollow, ugc, sponsored">
...wykorzystywane później przez wyszukiwarki. Element <meta name="robots" content="nofollow"> powoduje, że roboty sieciowe nie będą podążać za żadnymi linkami umieszczonymi w dokumencie. Czasami jednak chcielibyśmy zablokować uwzględnianie tylko wybranych odsyłaczy. Taka sytuacja najczęściej ma miejsce, kiedy wstawiamy na swojej stronie system komentarzy. Spammerzy lub spamboty (automaty spamujące) często wpisują komentarze bez żadnej konkretnej treści, ale za to przeładowane linkami do stron...
- Multimedia HTML / Osadzenie pliku <embed>
...wyświetlić zawartość pliku PDF, można się posłużyć następującym znacznikiem: <embed src="dokument.pdf" width="1000" height="600">. Jak utworzyć link do pliku PDF? Na przykład jeśli plik nazywa się "dokument.pdf" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić odnośnik do pliku PDF, można się posłużyć następującym znacznikiem: <a href="dokument.pdf">Otwórz dokument PDF</a>.