adresu - Kurs HTML i CSS
Komendy HTML 4.01 / Deklaracja typu dokumentu...jedną z powyższych deklaracji, jako pierwszą linijkę w dokumencie - jeszcze przed znacznikiem otwierającym HTML [zobacz: Ramy dokumentu]. Podanie adresu wersji DTD (drugi przypadek w każdym z punktów), pozwala przeglądarce pobrać wersję DTD oraz wszystkie potrzebne zestawy znaków. O tym jak ważne jest wstawienie odpowiedniej deklaracji DTD oraz jakie są możliwe różnice w wyświetlaniu dokumentów HTML w różnych wersjach DTD przeczytasz w rozdziale: Tryb Quirks.
- HTML5 / Stopka <footer>
...prawa zastrzeżone</p> </footer> </article> Warto przy okazji zauważyć, że gdyby w informacjach o autorze nie podano danych kontaktowych (tutaj adresu e-mail), nie należy używać znacznika ADDRESS. Pytania i odpowiedzi <footer> Co robi FOOTER w HTML? Jest to znacznik, który stanowi stopkę sekcji albo stopkę całej strony - jeśli nie został umieszczony wewnątrz żadnej sekcji. Mogą się w niej znajdować np. informacje o autorze artykułu bądź całej strony, prawach autorskich albo linki do...
- HTML5 / Pobieranie <a download, area download>
...lokalizacja Miejsce, gdzie znajduje się plik do pobrania, podane w postaci ścieżki dostępu (w obrębie tego samego serwisu) albo adresu internetowego (w dowolnym serwisie) nazwa Nazwa pliku pod jaką powinien zostać zapisany plik na dysku użytkownika Wskazuje, że hiperłącze służy do pobierania pliku ze strony. Dzięki temu można np. wymusić pobranie wskazanego dokumentu *.html na dysk lokalny użytkownika - w przeciwnym razie po kliknięciu odnośnika nastąpiłoby...
- HTML5 / Przeciągnij i upuść <... draggable>
...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 mechanizmem przeciągnij-i-upuść...
- HTML5 / Nadpisanie atrybutów formularza <button formaction formenctype formmethod formnovalidate formtarget, input "submit, image" formaction formenctype formmethod formnovalidate formtarget>
...formularz był wysyłany zawsze na adres, określony wartością atrybutu action="..." znacznika FORM. HTML5 wprowadza możliwość określenia oddzielnego adresu dla każdego przycisku wysłania formularza (<input type="submit">, <input type="image">, <button type="submit">). Wystarczy przypisać do przycisku atrybut formaction="..." i kiedy użytkownik w niego kliknie, formularz zostanie wysłany właśnie na ten adres URL. Analogicznie można postąpić z pozostałymi atrybutami: formenctype="..." dla...
Obramowanie CSS / Obramowanie obrazkowe {border-image-source}...wstawić jako obramowanie. Wpisanie "none" usunie obrazek. Ścieżkę dostępu należy konstruować względem lokalizacji arkusza CSS, a nie względem adresu dokumentu HTML! Za pomocą CSS 3 można dużo łatwiej wykonać obramowanie obrazkowe - przygotowując tylko jedną grafikę, przedstawiającą krawędzie obramowania. Nie będzie również konieczne osadzanie na stronie dodatkowych znaczników. Uzyskamy przy tym efekt samoczynnego dopasowywania się grafiki obramowania do rozmiarów ramki oraz dużo...
- Podcast HTML / #1 HTML dla zielonych
...podstrony (w tym samym serwisie): należy użyć względnej ścieżki dostępu. <a href="kontakt.html">Przejdź do strony kontaktowej</a> Do zewnętrznego adresu internetowego: adres musi zaczynać się od http:// lub https://. <a href="https://www.google.pl/">Przejdź do Google</a> Aby otworzyć link w nowej karcie, dodaj atrybut target="_blank". Odsyłacz pocztowy: atrybut href musi zawierać mailto: przed adresem e-mail. <a href="mailto:jan.kowalski@example.com">Napisz do mnie</a> Odsyłacz obrazkowy...
- Podcast HTML / #4 Odsyłacze HTML
...przenosi użytkownika do innej podstrony w ramach tego samego serwisu, gdzie każda podstrona jest osobnym plikiem HTML: <a href="...">. Odsyłacz do adresu internetowego (WWW): wstawia linki do dowolnych stron w obrębie całego Internetu: <a href="https://...">. Odsyłacz do etykiety (kotwice/zakładki): służy do tworzenia elektronicznej zakładki na stronie: <a href="#...">. Pozwala na bezpośrednie przeniesienie użytkownika do konkretnego, zaznaczonego miejsca w dokumencie, co ułatwia nawigację...
- Kursory CSS / Kursor obrazkowy {cursor: url}
...selektor { cursor: url(ścieżka dostępu) x y, rodzaj } Ścieżkę dostępu należy konstruować względem lokalizacji arkusza CSS, a nie względem adresu dokumentu HTML! Zwracam również uwagę, że podanie na końcu deklaracji ogólnego rodzaju kursora jest konieczne - inaczej nie zostanie on wyświetlony w Firefoksie. Dzięki takiej deklaracji możliwe jest wczytanie dowolnego kursora z pliku, który znajduje się, razem ze stroną, na dysku serwera w Internecie. Przypominam, że w systemie...
- Tło CSS / Tło obrazkowe {background-image}
...który chcemy wstawić jako tło. Wpisanie "none" usunie obrazek. Ścieżkę dostępu należy konstruować względem lokalizacji arkusza CSS, a nie względem adresu dokumentu HTML! Polecenie pozwala wstawić dowolny obrazek jako tło pod elementem. Pamiętaj jednak, żeby obrazek w tle nie był zbyt jaskrawy. Spowoduje to tylko zaciemnienie zawartości strony i utrudni czytanie. Wspólnie z tą własnością często podaje się dodatkowo kolor tła. W takim przypadku, jeśli obrazek będzie niedostępny lub...