odsyłacze - Kurs HTML i CSS
Menu rozwijane, otwierane, wysuwane / Menu wysuwaneNormalnie pozycje menu są rozwijane począwszy od pierwszej do ostatniej, a zwijane od ostatniej do pierwszej. Można odwrócić te kolejności, dzięki czemu uzyskamy efekt wysuwania: <script> new Menu('menu0', '', false, true); </script> Przykład HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno
- Menu drzewiaste / Skrypt menu drzewiastego
Spis treści Wymagana wiedza Skrypt menu drzewiastego Kolekcje dokumentów Wyrażenia regularne Wymagana wiedza Zagnieżdżanie wykazów <ul>...</ul> Podstawy odsyłaczy Podstawy stylów CSS (m.in. arkusze stylów i klasy selektorów) Skrypt menu drzewiastego Aby uzyskać menu drzewiaste, utwórz plik tree.css w tym samym katalogu co strona i zapisz w nim: ul.tree { display: block; margin-left: 0; padding-left: 0; } ul.tree ul { display: block; margin-left: 0; padding-left: 0...
Odsyłacze HTML / Do podstrony <a href>...typu odsyłacza można się odnosić do dowolnego pliku znajdującego się na koncie FTP razem ze stroną. Dzięki temu można zbudować dział download, tzn. odsyłacze do pobierania plików [zobacz: HTML5 / Pobieranie]. A jeśli chcesz dowiedzieć się jeszcze więcej na temat budowy sekcji nawigacyjnych na stronie, zobacz rozdział: HTML5 / Nawigacja. Przykład <a href> To jest odsyłacz do strony głównej kursu HTML: Strona główna Dymek narzędziowy <a href title> Dobrym pomysłem może się również okazać...
- Komendy HTML 4.01 / FRAME
...Szerokość lewego i prawego marginesu w ramce (w pikselach) NAME="nazwa" Określa nazwę ramki, do której mogą się później odnosić odsyłacze (atrybut TARGET elementu A) NORESIZE Rozmiary okna ramki nie będą zmieniane SCROLLING="przewijanie" Określa sposób przewijania zawartości ramki: auto - ramka będzie przewijana, kiedy to będzie konieczne (domyślnie) no - ramka nie będzie przewijana yes - ramka będzie przewijana zawsze SRC="adres" Podaje lokację inicjalizującego...
- Odsyłacze HTML / Do etykiety <a id>
...Idealnym przykładem są tytuły. Zwykle naturalnie wyznaczają on ważne miejsca na stronie, do którym prawdopodobnie możemy chcieć wstawić bezpośrednie odsyłacze. UWAGA! Bardzo ważne: w nazwach etykiet lepiej nie używać: wielkich liter znaków, np.: \ / : * ? " < > | spacji (jeśli musisz, w zamian używaj podkreślnika "_") polskich liter (ą, ć, ę, ł, ń... itd.) Dodatkowo należy bezwzględnie pamiętać, że na tej samej stronie nie mogą się znajdować dwie identyczne etykiety! Można natomiast...
- Odsyłacze HTML / Odsyłacz pocztowy <a "mailto">
...z tym radzi, dlatego ryzyko błędu nie jest takie duże. Uwaga! Jeśli zdecydujesz się na wykorzystanie skryptu, musi on zastąpić wszystkie zwykłe odsyłacze pocztowe, na wszystkich stronach serwisu. Pozostawienie chociaż jednego z nich sprawi, że sposób ten straci sens i nie spełni swojego zadana! Przykład <script, a "mailto"> Dodatkowe parametry odsyłacza pocztowego Możliwe jest także podanie odsyłacza pocztowego na inne sposoby: List e-mail będzie miał podany przez nas tytuł <a...
- Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>
...do dwóch ramek Wczytywanie strony do ramki lokalnej <a target> <a target="cel" href="lokalizacja">opis</a> Jak widać powyższe polecenie jest odsyłaczem. Posiada on jednak dodatkowy atrybut target="..." pozwalający wczytać stronę do wybranej przez nas ramki - w szczególności innej niż ta, w której znajduje się odnośnik. Dzięki temu treść w takiej ramce (okienku) może się zmieniać, nawet już po załadowaniu strony. Zamiast tekstu "lokalizacja" należy wpisać adres strony albo lokalizację...
- Komendy HTML 4.01 / IFRAME
...Szerokość lewego i prawego marginesu w ramce (w pikselach) NAME="nazwa" Określa nazwę ramki, do której mogą się później odnosić odsyłacze (atrybut TARGET elementu A) NORESIZE Rozmiary okna ramki nie będą zmieniane SCROLLING="przewijanie" Określa sposób przewijania zawartości ramki: auto - ramka będzie przewijana, kiedy to będzie konieczne (domyślnie) no - ramka nie będzie przewijana yes - ramka będzie przewijana zawsze SRC="adres" Podaje lokację inicjalizującego...
Tło CSS / Usunięcie tła {background: none, background-color: transparent}...sposób jest znacznie korzystniejszy. Dodatkowo istnieją sytuacje, gdy pierwsza metoda jest wręcz niemożliwa do zastosowania, np. w przeglądarkach odsyłacze są zwykle domyślnie podkreślane. Jeśli chcemy z tego zrezygnować, musimy usunąć dekorację tekstu: a:link, a:visited { text-decoration: none } Dla wielu innych własności stylów istnieją analogicznie działające wartości - zwykle są to: none, normal, auto, transparent itp. Polecenie background: none usuwa wszystkie własności dotyczące...
- Migotanie
...uwagę, utrudniając czytanie. Migotanie można stosować nie tylko do znaczników <div>...</div>, ale również do każdego innego, np. migające odsyłacze (<a href="...">...</a>): To jest migające hiperłącze (możesz je klikać)