podanie - Kurs HTML i CSS
- Rozmiary CSS / Szerokość i marginesy automatyczne
Spis treści Wstęp Elementy inline, nie-zastępowane Elementy inline, zastępowane Elementy blokowe, nie-zastępowane Elementy blokowe, zastępowane Elementy z oblewaniem (float) nie-zastępowane Elementy z oblewaniem (float) zastępowane Elementy pozycjonowane absolutnie, nie-zastępowane Elementy pozycjonowane absolutnie, zastępowane Elementy inline-block, nie-zastępowane Elementy inline-block, zastępowane Wstęp Podanie wartości auto dla własności określającej szerokość elementu...
- Odsyłacze HTML / Odsyłacz pocztowy <a "mailto">
...var atrybuty = ''; document.write(''); if (opis) document.write(opis + ''); else document.write(uzytkownik + '\x40' + domena + ''); Pamiętaj, że podanie swojego adresu na stronie WWW, może spowodować, że zaczną do Ciebie przychodzić niechciane wiadomości - reklamówki (tzw. spam). Dobrym pomysłem może być założenie sobie darmowego konta pocztowego w dowolnym portalu internetowym i podanie adresu takiego konta na swojej stronie - darmowe konto zawsze można zmienić. Zakładając stronę WWW na...
- Kursory CSS / Kursor obrazkowy {cursor: url}
...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 operacyjnym Windows zwykłe kursory mają rozszerzenie...
- Media CSS / Wybór medium @media
Istnieją dwie drogi do określenia niezależności arkuszy stylów, a przez to przypisania różnym mediom odmiennych cech: Podanie medium docelowego w arkuszu stylów, korzystając z polecenia @media lub @import: @import url(glos.css) aural; @media print { /* Arkusz dla wydruku */ } Podanie medium docelowego wewnątrz języka dokumentu (atrybut "media" elementu LINK precyzujący włączenie zewnętrznego arkusza stylów): <!doctype html> <html lang="pl"> <head> <title>Odnośnik do medium...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...realizowane przez wstawienie ../ na początku ścieżki dostępu. Teraz możemy swobodnie wejść do drugiego podkatalogu katalog2/ (realizuje się to przez podanie jego nazwy), w którym znajduje się nasz plik.gif, a na końcu - jak zawsze - podajemy nazwę pliku. Struktura przydatna w przypadku wielu działów w serwisie oraz dużej ilości plików. Wtedy w katalogu głównym znajduje się zazwyczaj jedynie strona główna index.html, a wszystkie podstrony oraz pliki są umieszczone w katalogach podrzędnych...
- HTML dla zielonych / Odsyłacz pocztowy HTML <a "mailto">
...swojej skrzynki poczty elektronicznej (e-mail). Dzięki temu będziesz w stałym kontakcie z internautami odwiedzającymi Twoją stronę. Pamiętaj, że podanie swojego adresu na stronie WWW, może spowodować, że zaczną do Ciebie przychodzić niechciane wiadomości - reklamówki (tzw. spam). Dobrym pomysłem może być założenie sobie darmowego konta pocztowego w dowolnym portalu internetowym i podanie adresu takiego konta na swojej stronie - darmowe konto zawsze można zmienić. Zakładając stronę WWW na...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...liter - tzn. np. NAZWA nie będzie tym samym co nazwa. Algorytm określa sposób generowania sekwencji kolejnych wyróżników wykazu. Możliwe jest podanie następujących wartości: cyclic - system cykliczny fixed - system ustalony symbolic - system symboliczny alphabetic - system alfabetyczny numeric - system numeryczny additive - system addytywny extends typ-bazowy - system rozszerzony Cecha i wartość to jedna lub więcej dodatkowych deklaracji, które zależą od użytego algorytmu i...
- Skórki
...niegraficznych. Jeżeli struktura katalogów serwisu nie jest płaska, tzn. poszczególne podstrony znajdują się w podkatalogach, konieczne będzie podanie bezwzględnej ścieżki dostępu do arkusza CSS, ponieważ wpisana tutaj ścieżka musi być poprawna na wszystkich podstronach serwisu, a nie tylko na tej jednej. Oczywiście w żadnym wypadku nie wolno wpisywać bezwzględnej ścieżki dostępu, tak jak ona wygląda na dysku lokalnym, czyli nie: C:\www\skin\style.css. Można wykorzystać dwie metody...
- HTML5 / Element edytowalny <... contenteditable>
(interpretuje: Internet Explorer 6, Firefox 3.5, Opera 10, Chrome 4) Wersja podstawowa: <element contenteditable>...</element> Wersja rozszerzona: <element contenteditable="edycja">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 edycja Można podać: true - element jest edytowalny (to samo co użycie contenteditable jako atrybut logiczny - bez podania wartości). false - element nie jest edytowalny. plaintext-only - tylko surowa zawartość tekstowa elementu jest edytowalna...
- Tekst CSS / Cień pod tekstem {text-shadow}
...nie podamy, przyjmie kolor taki, jak sam element) Wartości "poziom", "pion" oraz "rozmycie" należy podać, używając jednostek długości. Możliwe jest podanie więcej niż jednego efektu - wtedy kolejne efekty należy rozdzielić przecinkami. Zostaną one zastosowane w kolejności podawania. Aby zupełnie usunąć ustalony wcześniej cień, należy podać text-shadow: none [Zobacz także: Wstawianie stylów] Powyższe polecenie pozwala wprowadzić efekt cienia pod tekstem. Możliwe jest również podanie serii...