href - Kurs HTML i CSS
Nagłówek i treść HTML / Strona kanoniczna <link "canonical">...która różni się adresem URL od wersji podstawowej, należy podać bezpośredni adres prowadzący do wersji kanonicznej: <head> <link rel="canonical" href="adres strony podstawowej"> </head> gdzie jako "adres strony podstawowej" należy podać bezwzględny adres strony (rozpoczynający się od http:// lub https://), która ma być prezentowana w wynikach wyszukiwania. W tym przypadku nie powinno się używać względnej ścieżki dostępu, ponieważ taki zapis może nie być prawidłowo zinterpretowany przez...
- Nagłówek i treść HTML / Strona mobilna <link media>
<head> <link rel="alternate" media="media" href="adres"> </head> gdzie jako "media" podaje się typ(y) mediów alternatywnych albo zapytanie mediów. Natomiast zamiast "adres" wpisuje się bezwzględny adres strony (rozpoczynający się od http:// lub https://), która stanowi odpowiednik bieżącego dokumentu specjalnie przystosowany na podane urządzenia. W niektórych przypadkach autorzy udostępniają specjalną wersję strony na urządzenia mobilne. Zwykle ma ona węższy układ treści, mniej zdjęć i menu...
- Nagłówek i treść HTML / Kanały informacyjne <link "rss, atom">
Kanał w formacie RSS <head> <link rel="alternate" title="Tytuł kanału" href="adres kanału" type="application/rss+xml"> </head> Kanał w formacie Atom <head> <link rel="alternate" title="Tytuł kanału" href="adres kanału" type="application/atom+xml"> </head> Tytuł kanału Nazwa kanału, która może pojawić się w przeglądarce przy jego subskrybowaniu adres kanału Ścieżka dostępu lub lokalizacja pliku z kanałem informacyjnym Kanał informacyjny to specjalny plik tekstowy w formacie XML...
- Odsyłacze HTML / Odsyłacz FTP <a "ftp">
Spis treści <a "ftp"> Odsyłacz FTP <a "ftp"> Z podaniem użytkownika (login) Z podaniem użytkownika (login) i hasła Odsyłacz FTP <a "ftp"> <a href="ftp://ftp.adres">opis</a> Protokół FTP (File Transfer Protocol - Protokół Transmisji Plików) służy do pobierania i wysyłania plików z/do specjalnych serwerów. Możliwe jest zabezpieczenie połączenia hasłem dostępu lub udostępnienie plików wszystkim użytkownikom - tzw. logowanie anonymous (adres e-mail jako nazwa użytkownika). Aby zrealizować...
- Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>
...metodą odtwarzania plików multimedialnych, która działa w każdej przeglądarce internetowej i z każdym formatem plików, jest odsyłacz do pliku: <a href="ścieżka dostępu do pliku">opis</a> Jeżeli rozdział o odsyłaczach masz już za sobą, to zapewne wiesz, że powyższe polecenie jest właśnie odsyłaczem - odsyłaczem do pliku. Po uruchomieniu takiego odnośnika, na ekranie może się pojawić okno z zapytaniem: Czy chcesz otworzyć ten plik, czy zapisać go na komputerze? Jeśli wybierzesz opcję Zapisz...
Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset...arkusz stylów <link stylesheet> Strona kodowa @charset Zewnętrzny arkusz stylów <link "stylesheet"> <head> (...) <link rel="stylesheet" href="style.css"> (...) </head> gdzie "style.css" jest zewnętrznym arkuszem stylów. Natomiast znaki (...) oznaczają inne polecenia, które zwykle pojawiają się w nagłówku dokumentu, np. deklaracja strony kodowej. Możliwość wstawiania zewnętrznego arkusza jest chyba jedną z największych zalet stosowania stylów. Pozwala nam to zdefiniować takie...
- Selektory pseudoklas CSS / Łączenie selektorów
...jest użyć następującej reguły: .przyklad_selektory2 a:hover { font-weight: bold } Teraz wystarczy wstawić: <div class="przyklad_selektory2"> <a href="?">Link1</a> <a href="?">Link2</a> <a href="?">Link3</a> </div> aby zmienić wygląd po wskazaniu wszystkich odsyłaczy z tego bloku, bez wpływu na pozostałe znajdujące się na stronie: Link1 Link2 Link3 Zmiana koloru obramowania obrazka po wskazaniu go myszką: img.przyklad_selektory3 { border: 5px solid black } a:hover...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...charset="utf-8"> <meta name="description" content="Tu wpisz opis zawartości strony"> <title>Tu wpisz tytuł strony</title> <link rel="stylesheet" href="style.css"> </head> <body> Tu wpisuje się treść strony </body> </html> Dzięki znacznikowi <link> do dokumentu zostanie automatycznie dołączony arkusz stylów. W nim właśnie wpisuje się wszystkie polecenia zmieniające wygląd strony. Ważne jest tylko, aby ten plik posiadał rozszerzenie *.css. W powyższym przykładzie jest to plik pod nazwą...
- CSS dla zielonych / Klasy selektorów CSS <div class>
...wpisowi w arkuszu stylów, za każdym razem kiedy na dowolnej podstronie serwisu umieścimy następujący kod: <div class="menu-nawigacyjne"> <a href="...">...</a> <a href="...">...</a> <a href="...">...</a> </div> w przeglądarce internetowej wyświetli się bloczek, w którym każdy odsyłacz będzie miał kolor czarny (black), a po wskazaniu go myszą zmieni się na biały (white). Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości tworzenia klas CSS na...
Menu rozwijane, otwierane, wysuwane / Kolekcje dokumentów...rel="Collection(...)", w którym podaje się listę adresów URL wszystkich części podzielonego artykułu: <dl id="menu0"> <dt>Nagłówek 1</dt> <dd><a href="czesc1.html" rel="Collection(czesc2.html,czesc3.html)">Artykuł stronicowany</a></dd> <dd><a href="...">Dokument 2</a></dd> <dd><a href="...">Dokument 3</a></dd> </dl> Zwracam uwagę, że w nawiasie nie może być żadnych spacji - nawet po znaku przecinka! Jeśli w nazwie plików z kolekcji znajduje się spacja, należy ją zastąpić przez: %20...