link - Kurs HTML i CSS
Komendy HTML 4.01 / Elementy zdeprecjonowane...P CSS: text-align align HR CSS: text-align, float align LEGEND - align TABLE CSS: margin-left (auto), margin-right (auto), float alink BODY CSS: :active alt APPLET OBJECT archive APPLET OBJECT background BODY CSS: background-image bgcolor BODY, TABLE, TD, TH, TR CSS: background-color border IMG, OBJECT CSS: border-width clear BR CSS: clear code APPLET OBJECT codebase APPLET OBJECT color BASEFONT, FONT CSS: color compact DIR...
- Formularze HTML / Hasło <input "password">
...html, a jeśli to niemożliwe, należy zmienić pierwszą linijkę powyższego skryptu w wyróżnionym miejscu. Nie muszę chyba przypominać, że link do takiej strony nie może pojawić się w żadnym miejscu serwisu ani na żadnej innej stronie, bo wtedy zabezpieczanie będzie zupełnie bezużyteczne, skoro dowolny użytkownik i tak będzie mógł wejść na "chronioną" stronę po prostu klikając w taki link. Jeśli nazwa strony nie będzie publicznie prezentowana, to nikt bez znajomości hasła (czyli w...
- HTML5 / Zmienione elementy i atrybuty HTML5
...zmiana. Dzięki niej, mając np. listę artykułów z tytułami, skróconymi wprowadzeniami i zdjęciem, nie trzeba już wstawiać trzy razy tego samego linku przy każdym artykule, aby osobno objąć zawartość każdego z tych elementów. HTML5 pozwala objąć jednym znacznikiem odnośnika wszystkie te elementy jednocześnie - nawet jeśli część z nich jest wyświetlana w bloku. ADDRESS Odnosi się do najbliższego elementu ARTICLE lub BODY, w którym został wstawiony. Może zawierać również elementy blokowe z...
- Ikony (symbole) / Dom
...battery_horiz_050 Wyświetlacz Nest nest_display nest_display Pogoda śnieżna weather_snowy weather_snowy Nest Heat Link Gen 3 nest_heat_link_gen_3 nest_heat_link_gen_3 Strefa aktywności activity_zone activity_zone Zdalne sterowanie Nest nest_remote nest_remote Wiadro do czyszczenia cleaning_bucket cleaning_bucket Powiadomienie ustawień settings_alert settings_alert Kamera wewnętrzna Nest nest_cam_indoor nest_cam_indoor Magazyn domu home_storage home_storage Strzałki więcej...
- Podcast HTML / #1 HTML dla zielonych
...z odpowiednim atrybutem: <div style="text-align: center"><img src="obrazek.jpg" alt="Tu wpisz krótki opis obrazka"></div> Tworzenie odsyłaczy (linków) Odsyłacz (hiperłącze, link) jest tworzony za pomocą znacznika <a>. Do 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...
Drukowanie CSS / Wydruk @media print...się ogólne deklaracje) */ /* (...) */ @media print { /* Arkusz dla wydruku */ } Dołączenie specjalnie dla wydruku zewnętrznego arkusza: <head> <link rel="stylesheet" href="domyslny.css"> <link rel="stylesheet" href="wydruk.css" media="print"> </head> Dołączenie specjalnie dla wydruku wewnętrznego arkusza: <head> <style media="print"> /* Arkusz dla wydruku */ </style> </head> [zobacz także rozdział pt.: Media]. UWAGA! Kolejność wpisywania poleceń ma znaczenie, tzn. najpierw...
- Media CSS / Wybór medium @media
...precyzujący włączenie zewnętrznego arkusza stylów): <!doctype html> <html lang="pl"> <head> <title>Odnośnik do medium docelowego</title> <link rel="stylesheet" media="print, handheld" href="arkusz.css"> </head> <body> <p>Ciało dokumentu...</p> </body> </html> Podanie medium docelowego wewnątrz języka dokumentu (atrybut "media" elementu STYLE precyzujący włączenie wewnętrznego arkusza stylów): <!doctype html> <html lang="pl"> <head> <title>Arkusz z medium...
- Selektory CSS
...ostatnim bądź jedynym bratem typu E Pseudoklasy typu 3 E:empty element E, który nie ma dzieci ani nie zawiera tekstu Pusty element 3 E:link E:visited element E, który jest kotwicą hiperlinku (odsyłaczem), której cel (strona docelowa) jeszcze nie został odwiedzony (:link) lub został już odwiedzony (:visited) Odsyłacz podstawowy Odsyłacz odwiedzony 1 E:active E:hover E:focus element E podczas pewnych akcji użytkownika (:active - aktywacja, :hover - wskazanie, :focus...
Menu rozwijane, otwierane, wysuwane / Kolekcje dokumentów...go na osobne części, dzięki czemu czytelnik nie będzie musiał wczytywać całego tekstu od razu. W takim przypadku w menu umieszcza się najczęściej link tylko do pierwszej części artykułu, a na końcu treści wstawia nawigację stronicującą. Niestety ponieważ adres URL każdej kolejnej części podzielonego artykułu jest różny, właściwa gałąź menu zostanie otwarta i link zaznaczony tylko na pierwszej ze stron. Jeżeli jednak poinformujemy skrypt, które adresy wchodzą w skład kolekcji powiązanych...
- Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
...dokumentu HTML (<head>...</head>), na którym wstawione jest menu, wystarczy wstawić odwołanie do utworzonego właśnie zewnętrznego arkusza stylów: <link rel="stylesheet" href="menu.css"> 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 Aby uzyskać następujące wielopoziomowe menu otwierane, imitujące tradycyjne menu aplikacji...