bezpośrednio - Kurs HTML i CSS
HTML5 / Element edytowalny <... contenteditable>...Podanie wartości contenteditable="true" umożliwia dynamiczną edycję zawartości tak oznaczonego elementu strony. Użytkownik może wpisać np. bezpośrednio w treści akapitu swój własny tekst. Treść taka jednak nie będzie widoczna dla innych użytkowników, odwiedzających tę samą stronę. Nie będzie również możliwości jej zapisania - po odświeżeniu strony wyświetli się ponownie domyślna zawartość dokumentu. Aby efekty edycji były trwałe, konieczne jest zainstalowanie na serwerze dowolnego...
Selektory elementów CSS / Selektor dziecka...(zawierają się w innym zewnętrznym znaczniku). W odróżnieniu do poprzedniego przypadku, tutaj znacznik będący dzieckiem, musi znajdować się bezpośrednio wewnątrz znacznika rodzica. Przykład Załóżmy, że w arkuszu stylów strony została umieszczona następująca reguła: p > b { color: red } Dzięki temu, jeśli bezpośrednio wewnątrz znacznika p (akapit) znajdzie się znacznik b (czyli pogrubienie tekstu), to zostanie on automatycznie napisany czcionką koloru czerwonego: To jest akapit, a to...
- Kaskadowe Arkusze Stylów / Dlaczego warto używać CSS?
Po co w ogóle stosować style CSS? Czy warto poświęcać czas na naukę poleceń, które w większości przypadków istnieją również bezpośrednio w składni HTML? Otóż ja uważam, że warto. Dlaczego? Najważniejsze zalety płynące ze stosowania stylów opiszę poniżej, a jeśli i to Cię nie przekona, radzę poszukać sobie bardziej przydatnego zajęcia (np. szydełkowanie z wykorzystaniem techniki haftu ozdobnego 😉). Style stały się już praktycznie podstawowym narzędziem formatującym. Jeśli poważnie myślisz o...
- Wstawianie stylów CSS / Kaskadowość stylów
...z arkuszy zewnętrznych może być modyfikowane przez style zdefiniowane w nagłówku dokumentu, to z kolei może być zmieniane przez style zdefiniowane bezpośrednio w ciele dokumentu (inline). Zatem priorytet ważności stylów (pierwszeństwo) wyglądałby tak: Styl lokalny (inline) Rozciąganie stylu (SPAN) Wydzielone bloki (DIV) Wewnętrzny arkusz stylów Import stylów do wewnętrznego arkusza Zewnętrzny arkusz stylów Import stylów do zewnętrznego arkusza (Atrybuty prezentacyjne HTML - np...
Aktualizacja / Nowość...W serwisie WWW przydatne może się okazać zasygnalizowanie użytkownikowi wprowadzonych ostatnio nowości, poprzez umieszczenie w spisie treści (bezpośrednio obok danej pozycji) albo obok daty aktualizacji (na każdej ze stron) specjalnego obrazka lub napisu, wskazującego, że pozycja ta została ostatnio zaktualizowana. W ten sposób użytkownik już podczas przeglądania spisu treści odnajdzie wszystkie nowości. Zaletą użycia skryptu jest to, że nie musimy pamiętać o usunięciu obrazka (napisu)...
- HTML dla zielonych / Edytory HTML
...★★★★☆ Lekki, a zarazem bardzo zaawansowany i nowoczesny edytor tekstu przeznaczony przede wszystkim dla webmasterów. Dzięki podglądowi na żywo bezpośrednio w przeglądarce można na bieżąco weryfikować efekty zmian wprowadzanych w tworzonym kodzie HTML i CSS. Dodatkowo obsługuje instalowanie wielu darmowych rozszerzeń, które pozwalają znacznie zwiększyć możliwości programu i jeszcze lepiej dopasować go do własnych potrzeb. PSPad (darmowy) ★★★☆☆ Szybki i lekki edytor produkcji czeskiej...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...odwoływać do plików, które znajdują się "powyżej" katalogu głównego serwisu - u nas jest to www/ (katalog główny serwisu można rozpoznać po tym, że bezpośrednio w nim znajduje się strona główna index.html). Pamiętaj: stosuj zawsze względne, a nie bezwzględne ścieżki dostępu! Używaj również zwykłych, a nie odwróconych ukośników. Wszystkie pliki Twojej strony powinny znajdować się w obrębie katalogu głównego serwisu, w żadnym razie powyżej niego! Niektóre edytory HTML umożliwiają automatyczne...
- HTML5 / Filmy i dźwięk <video, audio, source>
...przeglądarki, po włączeniu odtwarzania wideo, mogą domyślnie przełączać widok w tryb pełnoekranowy. Jeśli wolimy, aby filmy zawsze były wyświetlane bezpośrednio w stronie - w obszarze, który został przeznaczony na odtwarzacz - możemy posłużyć się atrybutem logicznym (podawanym bez wartości) playsinline. W takiej sytuacji przejście w tryb pełnoekranowy powinno się odbyć wyłącznie po wyraźnym wybraniu przez użytkownika odpowiedniej opcji. Jeśli nie użyjemy atrybutu playsinline, nie oznacza to...
- Podcast HTML / #8 Formularze HTML
...odwiedzających serwis lub do zamawiania towarów w sklepach internetowych. Formularz funkcjonuje jako elektroniczna ankieta, którą wypełnia się bezpośrednio na stronie. Umożliwia to wpisywanie tekstu, odpowiadanie na pytania oraz zaznaczanie jednej lub kilku możliwości. Prosty formularz może być przesłany pocztą elektroniczną e-mail (tzw. prosty formularz pocztowy). W przypadku przesyłania poufnych danych (np. numerów kart kredytowych), należy zadbać o bezpieczeństwo, co można osiągnąć...
- Czcionki CSS / Wielkość czcionki {font-size}
...panowała opinia, że najlepszą jednostką do ustalania rozmiaru czcionki jest "em" i rzeczywiście tak mogłoby się wydawać, ponieważ jednostka ta jest bezpośrednio związana z czcionką - oznacza po prostu rozmiar dużej litery. Być może takie przeświadczenie wzięło się również stąd, że w zamierzchłych w czasach, gdy na rynku królowała przeglądarka MSIE 6.0, taki sposób zapewniał użytkownikom możliwość samodzielnego dopasowania rozmiaru tekstu na stronie. Dzisiaj wszystkie popularne przeglądarki...