odsyłacze - Kurs HTML i CSS
HTML dla zielonych / Ćwiczenia...(czyli w pliku index.html). O tym co to są i jak się tworzy podstrony przeczytasz w podrozdziale: Ramy dokumentu. Na podstronie linki.html wstaw odsyłacze do ciekawych stron w internecie, na których czytelnik będzie mógł znaleźć więcej informacji na opisywany przez Ciebie temat. Jeżeli tworzysz stronę o sobie, możesz tutaj umieścić odnośniki do Twojego profilu w serwisach społecznościowych: Facebook, Twitter, YouTube, LinkedIn itp. Stwórz podstronę o nazwie kontakt.html (nowy plik HTML w...
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ć...
- Odsyłacze HTML / Ćwiczenia
...pełnowymiarową ilustrację, a nigdy nie powiększaj miniaturki. Podmień ilustracje na stronie na ich wersje pomniejszone. Następnie przekształć je w odsyłacze obrazkowe i podlinkuj do pełnowymiarowych wersji zdjęć. Użyj przy tym atrybutu target="_blank", który otworzy zdjęcie w nowym oknie (nowej karcie przeglądarki). Nie musisz w tym celu tworzyć żadnych nowych podstron. Wystarczy że jako odnośnika użyjesz po prostu lokalizacji pliku z dużym zdjęciem. Otwórz stronę w przeglądarce internetowej...
- 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"> var uzytkownik = 'jan_kowalski'; var domena = 'example.com'; var dodatkowe = '?subject=Temat listu&body=Napisz co%9C:%0A'; var opis = 'Wyślij do mnie list...
- 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 / 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...
- 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...
Selektory pseudoklas CSS / Etykieta :target...szukać "ręcznie". W takiej sytuacji stosuje się etykiety (np.: <h2 id="nazwa_etyiety">Nazwa sekcji</h2>). Do takich etykiet można później tworzyć odsyłacze. Problemem takiego rozwiązanie może być fakt, że jeśli czytelnik przewinie stronę, może mieć problemy z późniejszym odszukaniem etykiety, do której pierwotnie został skierowany. Prezentowane tutaj polecenie pozwala wyróżnić wizualnie właśnie taką etykietę, podczas gdy ewentualne pozostałe etykiety na tej samej podstronie pozostaną bez...
- 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...