link - Kurs HTML i CSS
Nagłówek i treść HTML / Roboty <meta "robots, googlebot">...nofollow" - robot nie przechodzi do stron stron wskazywanych przez odsyłacze wstawione na stronie, ale może je zaindeksować, jeżeli istnieją inne linki umieszczone na stronach bez tego zakazu "index, nofollow" - indeksuje stronę, nie przechodzi do stron wskazywanych przez odsyłacze "noindex, follow" - nie indeksuje strony, na której wstawiono polecenie, przechodzi do stron wskazywanych przez odsyłacze "all" = "index, follow" - indeksuje wszystko (domyślnie) "none" = "noindex, nofollow...
- I co dalej... / Podsumowanie
...możesz pochwalić się na forum dyskusyjnym i w księdze gości tego serwisu (online). Będzie mi również bardzo miło, jeśli na swojej stronie umieścisz link do mojego kursu www.kurshtml.edu.pl - dziękuję...
- 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...
Aktualizacja / Data aktualizacji strony...JavaScript. W tym celu najpierw zapisz poniższy kod w dowolnym pliku z rozszerzeniem *.js - np. date.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ Date.prototype.date = function(format) { for (var i = 0, c = '', returner = '', formats = new Object(); i < format.length; i++) { c = format.charAt(i); if (c == '\\' && i + 1 < format.length) returner += format.charAt(++i)...
- Galeria zdjęć HTML / Skrypt galerii zdjęć
...galerii zdjęć, należy zapisać przedstawiony poniżej kod w dowolnym pliku z rozszerzeniem *.js - np. gallery.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) * @version 2.6.4 */ function GalleryModel(items) { this.items = items || []; } GalleryModel.prototype.get = function(index) { var item = this.items[index]; if (!item) { return null; } return { title...
- 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)...
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...
- 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...
- 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...