link strony - Kurs HTML i CSS
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...
Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>...wyjątkiem blokowych) - m.in. odpowiadające za zmianę wyglądu tekstu (pogrubienie, pochylenie itd.), czy też wstawienie obrazka. Odsyłacz obrazkowy (link zawierający obrazek) zostanie uruchomiony, gdy klikniemy myszką grafikę, do której podajemy ścieżkę dostępu. Dzięki niemu możemy stworzyć np. efektowne przyciski odsyłaczowe w menu strony. Obrazki przycisków najlepiej zapisywać w formacie GIF bądź PNG, a większe zdjęcia - JPG. Jeśli nie masz zacięcia artystycznego, nie musisz samodzielnie...
- Komendy HTML 4.01 / BODY
...które zostały wybrane przez użytkownika (zdeprecjonowane) BACKGROUND="adres" Wskazuje adres obrazka, który będzie wstawiony sąsiadująco jako tło strony (zdeprecjonowane) BGCOLOR="kolor" Kolor tła (zdeprecjonowane) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może...
- HTML5 / Blokowanie wyświetlania <link "stylesheet" blocking, script blocking, style blocking>
(interpretuje: Opera 91, Chrome 105) Zewnętrzny arkusz stylów CSS: <link rel="stylesheet" href="style.css" blocking="render"> Skrypt JavaScript: <script blocking="render"></script> Wewnętrzny arkusz stylów CSS: <style blocking="render">...</style> style.css Lokalizacja zewnętrznego arkusza stylów CSS Przeglądarka internetowa może wykonywać niektóre operacje równocześnie. Czasami mogłoby to jednak prowadzić do nieoczekiwanych rezultatów. Dlatego na przykład osadzenie zewnętrznego...
- HTML5 / Przeciągnij i upuść <... draggable>
...w czystym HTML. Niektóre elementy każdej strony - jak np. odnośniki hipertekstowe - domyślnie mogą być przeciągane przez użytkowników. Jeśli taki link zostanie upuszczony na pasku adresu przeglądarki, nastąpi jego wczytanie. Można je również upuszczać na pola tekstowe formularzy. W niektórych przypadkach możemy jednak nie chcieć takiego zachowania. Aby zablokować przypadkowe przeciągnięcie elementu przez użytkownika wystarczy nadać mu atrybut draggable="false". Oprócz tego do sterowania...
- Podcast HTML / #4 Odsyłacze HTML
...6 Multimedia HTML #7 Widżety HTML #8 Formularze HTML #9 HTML5 Odsyłacze HTML (hiperłącza) Odsyłacze (hiperłącza, odnośniki hipertekstowe, linki) stanowią istotę Internetu, powiązując dokumenty ze sobą. Są wykorzystywane głównie do tworzenia spisu treści w serwisie oraz do linkowania do innych ciekawych miejsc w Internecie. Linki te mogą prowadzić do stron w tym samym serwisie lub na drugim końcu świata. Podstawowe odsyłacze nawigacyjne (wewnętrzne i zewnętrzne) Obejmuje to linki w...
- AutoIFRAME / Skrypt AutoIFRAME
...krokiem będzie stworzenie nowego pliku autoiframe.js (w tym samym katalogu co podstrony) i zapisanie w nim: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ // Domyślny identyfikator IFRAME: var autoiframe_id = 'autoiframe'; // Domyślny dolny margines: var autoiframe_margin = 50; var autoiframe_timer = null; function autoiframe(id, margin) { if (parent != self && document.body...