przykład - Kurs HTML i CSS
Obramowanie CSS / Styl obramowania {border-...-style}Styl górnego obramowania: selektor { border-top-style: styl } Styl dolnego obramowania: selektor { border-bottom-style: styl } Styl lewego obramowania: selektor { border-left-style: styl } Styl prawego obramowania: selektor { border-right-style: styl } We wszystkich przypadkach selektorem może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "styl" należy wpisać: none - brak obramowania Przykład border-top-style: none hidden - ukryte...
Tekst HTML / Wykaz <ul, ol, li>(lista wyliczeniowa) Spis treści <ul, ol, li> Wypunktowanie - lista nieuporządkowana <ul, li> Wykaz numerowany - lista uporządkowana <ol, li> Wykaz numerowany - różne typy Wykaz numerowany z podaniem początkowego numeru Zmiana numerowania w trakcie Wykaz z wypunktowaniem innym kolorem Wykaz w akapicie Potrzebujesz pomocy? Przy tworzeniu wykazów HTML możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. Dzięki niemu w kilka minut skonfigurujesz dowolny, nawet...
- Kaskadowe Arkusze Stylów / Dlaczego warto używać CSS?
...w tym paragrafie został powiększony. Nowe własności tła Przykład Tło pod tekstem Powtarzanie tła w poziomie Kliknij tutaj, aby zobaczyć przykład strony z nieruchomym pojedynczym tłem. Gradient (płynne przejście kolorów) Obramowanie Przykład Obramowanie tekstu Zaokrąglone narożniki Cień pod elementem Dodatkowe właściwości wykazów (list) Przykład Punkt pierwszy Punkt drugi Punkt trzeci... Nowy model obramowania tabeli Przykład komórka1 komórka2 komórka3 komórka4...
- Obramowanie CSS / Styl obrysu {outline-style}
selektor { outline-style: styl } Selektorem może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "styl" należy wpisać: none - brak obrysu. Przykład outline-style: none dashed - linia kreskowa. Przykład outline-style: dashed dotted - linia kropkowa. Przykład outline-style: dotted solid - linia ciągła. Przykład outline-style: solid double - linia ciągła podwójna. Przykład outline-style: double groove - "rowek". Przykład...
- Formularze HTML / Pole tekstowe <input "text">
...umieszczenia kontrolek formularza w kodzie źródłowym strony. Zwykle jest to zupełnie naturalna kolejność. Czasami jednak chcielibyśmy ją zmienić. Na przykład wyobraźmy sobie, że pola formularza są umieszczone w kilku kolumnach i wierszach tabeli. W takim przypadku kolejność aktywacji będzie następowała wierszami (poziomo), ponieważ w takiej kolejności są umieszczone komórki tabeli w kodzie źródłowym. Jeśli jednak ze względu na budowę naszego formularza logiczniej by było aktywować kontrolki...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img, map, area>
...na obrazku, który kliknął użytkownik. Następnie oprogramowanie na serwerze (np. skrypt PHP) odczyta te współrzędne i wyświetli odpowiednią treść. Na przykład można wstawić na stronę grafikę z mapą geograficzną jakiegoś terenu, a kliknięcie na wybrany punkt spowoduje wyświetlenie zbliżenia tego obszaru albo informacji o wskazanej okolicy. Aby użyć mapy odsyłaczy po stronie serwera, wystarczy dodać do obrazka atrybut ismap. Po kliknięciu, przeglądarka automatycznie doklei na końcu adresu...
- HTML5 / Filmy i dźwięk <video, audio, source>
...plik. Szczególnie dla formatów wideo powinno się dodatkowo podać nazwę kodeków, za pomocą których został skonwertowany obraz i dźwięk (zobacz przykłady poniżej: Kodeki MP4, Kodeki OGG/OGV). Różnica pomiędzy odtwarzaczem wideo a audio jest tylko taka, że ten drugi nie udostępnia okna do wyświetlania obrazu. W odtwarzaczu wideo swobodnie można odgrywać również samą muzykę. Może to być przydatne np. aby wraz z dźwiękiem wyświetlić dodatkowe napisy zsynchronizowane z dźwiękiem albo...
- Formularze HTML / Lista rozwijalna <select, option, optgroup>
...można ich zagnieżdżać, tzn. umieszczać jednej grupy wewnątrz innej. Wygląd nagłówka grupy opcji może różnić się w zależności od przeglądarki. Na przykład może zostać on wyświetlony czcionką pogrubioną, pochyloną albo wyróżniony w jeszcze inny sposób. Przykład <select, optgroup, option> Rozwiń listę, aby zobaczyć grupy opcji (zwróć uwagę, że nie możesz wybrać nagłówka grupy): Możliwość 1.1 Możliwość 1.2 Możliwość 1.3 Możliwość 2.1 Możliwość 2.2 Możliwość 2.3 Możliwość 3...
- Formularze HTML / Selektor plików <input "file">
Spis treści <input "file"> Selektor plików <input "file"> Długość pola (tekstowego) <input "file" size> Blokada pola <input "file" disabled> Filtr typu plików <form accept, input "file" accept> Selektor plików <input "file"> <form action="..." enctype="multipart/form-data"> <input type="file" name="nazwa"> </form> gdzie jako "nazwa" należy wpisać krótką nazwę danego pola. Zostanie ona później wysłana wraz z formularzem. Polecenie wprowadza selektor plików, składający się z dwóch...
- HTML5 / Pola formularza <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple>
...odpowiednią wartość ręcznie. Przykład <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week"> Zobacz przykład: INPUT Minimum, maksimum, krok <input "date, month, week, time, datetime-local, number, range" min max step> (interpretuje: Internet Explorer 10, Firefox 16, Opera 12.1, Chrome 5) <input type="typ" min="minimum" max="maksimum" step="krok"> typ Można podać wyłącznie: date, month, week, time, datetime-local, number lub range. Nie...