link html - Kurs HTML i CSS
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)...
Promocja strony WWW / Pozycjonowanie (SEO)...jest bardzo ważna, ponieważ często wyświetla się w wynikach wyszukiwania jako opis strony. Ciekawy tekst może zachęcić użytkownika do kliknięcia w link, co bezpośrednio wpłynie na wzrost odwiedzin serwisu. Tytuł <title>Tytuł</title> Tytuł strony również pojawia się wynikach wyszukiwania, a ponadto najczęściej jest wyświetlany na belce tytułowej przeglądarek (na karcie ze stroną). Jednak jest jeszcze jedno bardzo ważne znacznie tego znacznika: ma on duży wpływ na pozycję strony w wynikach...
Wstawianie stylów CSS / Import arkusza stylów @import...lub zaimportować w wewnętrznym arkuszu. Import arkuszy może również być przydatny, jeśli chcemy oszczędzić wstawiania dodatkowych znaczników <link rel="Stylesheet">. W takim przypadku dołącza się tylko jeden zewnętrzny plik *.css, a w nim importuje pozostałe arkusze. UWAGA! Jeżeli polecenie importu znajduje się w zewnętrznym arkuszu stylów, to relatywną ścieżkę dostępu do arkusza importowanego należy konstruować względem położenia arkusza CSS, w którym jest wstawione polecenie @import...
- Kursory CSS / Kursor obrazkowy {cursor: url}
...zostanie pierwszy z listy plik, który przeglądarka potrafi obsłużyć. Dlatego właśnie na końcu listy powinien zostać podany tradycyjny kształt: :link, :visited { cursor: url(example.svg#linkcursor), url(hyper.cur), pointer } Każdy kursor posiada ustalony jednopikselowy tzw. gorący punkt (ang. hotspot). Ten punkt jest miejscem aktywnym kursora, tzn. właśnie za jego pomocą wskazywane są elementy. Zwykle leży on na czubku grota strzałki lub w centrum krzyżyka kursora. Możemy jednak ten punkt...
- Galeria zdjęć HTML / Klasyczna galeria zdjęć
...wtedy możliwości szybkiej nawigacji pomiędzy kolejnymi zdjęciami z galerii. Natomiast starsze przeglądarki po kliknieciu przez użytkownika takiego linka często najpierw wyświetlały okienko z pytaniem co zrobić z obrazkiem, tzn. otworzyć czy zapisać, a po wybraniu pierwszej opcji, następowało wczytanie pliku w zewnętrznym programie (jeśli użytkownik miał taki zainstalowany), co mogło potrwać kilka sekund i było trochę irytujące w przypadku dużej liczby zdjęć. Dlatego w klasycznej galerii...
- Indeks, wyszukiwarka / Wygląd
...HTML (<head>...</head>), na którym wstawiony jest indeks haseł, wystarczy wstawić odwołanie do utworzonego właśnie zewnętrznego arkusza stylów: <link rel="stylesheet" href="indeks.css">