przykład html - Kurs HTML i CSS
Formularze HTML / Ramy formularza HTML <form>...W tym celu do kodu źródłowego strony trzeba dodać znacznik FORM z atrybutem wskazującym akcję, jaka ma zostać wykonana po wysłaniu formularza. Na przykład, aby po wypełnieniu formularza mógł on być wysłany na adres e-mail jan.kowalski@example.com, można się posłużyć następującym znacznikiem: <form action="mailto:jan.kowalski@example.com" method="post">...</form>. Jak wyśrodkować formularz w HTML? Aby ustawić na środku ekranu całą zawartość formularza, można przypisać mu odpowiedni...
Wstawianie stylów CSS / Kaskadowość stylów...important Kaskadowość stylów Kaskadowość stylów określa pierwszeństwo w oddziaływaniu na te same elementy strony stylów z różnych źródeł. Na przykład: na naszej stronie używamy zewnętrznego arkusza stylów, deklaracji stylów w nagłówku strony, a także stylów typu inline, przy czym dotyczą one formatowania dokładnie tego samego elementu (np. kroju czcionki). Co się stanie w takim przypadku? Czy nie powstaną konflikty? A może komputer się "zawiesi"? Nic z tych rzeczy! A to właśnie ze...
- Formularze HTML / Pole opcji <input "radio">
...użytkownikowi wypełniającemu formularz zaznaczyć najwyżej jedną odpowiedź na określone pytanie, najwygodniej jest się posłużyć polem typu radio. Na przykład: <input type="radio" name="pytanie" value="odpowiedź">. Trzeba jednak przy tym pamiętać, że każde pole tego typu powinno mieć ustawioną inną odpowiedź. W przeciwnym razie nie będzie się dało rozróżnić, którą opcję zaznaczył użytkownik. Jak zrobić radio HTML? Radio w języku HTML to nie środek masowego komunikowania, służący do...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...przy ustawianiu tła obrazkowego na stronach internetowych, zobacz rozdział: Tło obrazkowe. Przykład {background, color} Poniżej znajdują się przykłady różnych grafik kafelków (aby były lepiej widoczne zostały powiększone i obramowane na czerwono) wraz z odpowiadającymi im tapetami. Zeszyt w kratkę To jest przykład tapety w postaci zeszytu w kratkę. Zeszyt w linie To jest przykład tapety w postaci zeszytu w linie. Ukośna siatka To jest przykład tapety w postaci ukośnej siatki...
- HTML dla zielonych / Kolor czcionki HTML <span "color">
...bądź przeglądarce internetowej. Aby zmienić kolor tekstu na inny, wystarczy objąć go znacznikiem z przypisanym atrybutem o odpowiedniej wartości. Na przykład: <span style="color: red">...</span> zmieni kolor tekstu na czerwony.
- HTML dla zielonych / Kolor tła oraz tekstu HTML <body "background-color, color">
...Należy również pamiętać, że na stronie może się znajdować tylko jeden znacznik <body>. Wszystkie atrybuty które się do niego odnoszą (jak na przykład powyższy), wpisuje się do tego samego znacznika (otwierającego), a nie wstawia się nowego w innym miejscu strony. Kolor tła oraz tekstu całej strony powinniśmy ustalać zawsze jednocześnie. Nawet jeśli ustalimy kolor tekstu na całej stronie, możemy go później lokalnie (miejscowo) zmieniać za pomocą polecenia <span style="color...
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...w HTML? W tym celu do znacznika obrazka należy dodać atrybut usemap="#...", a do znacznika mapy odsyłaczy - odpowiadający mu atrybut id="...". Na przykład: <img src="..." alt="..." usemap="#nazwa_mapy"> <map id="nazwa_mapy">...</map>. Należy pamiętać, że w tym samym dokumencie HTML co prawda może być wstawiona dowolna liczba różnych map odsyłaczy, ale każda z nich musi mieć inną nazwę. W przeciwnym razie przeglądarka nie wiedziałaby, która z nich odnosi się do wskazanego obrazka. Nie można...
- HTML5 / Wykaz z numeracją odwrotną <ol reversed>
(interpretuje: Firefox 18, Opera 15, Chrome 20) <ol reversed>...</ol> Atrybut logiczny (wstawiany bez wartości) reversed ustala odwrotną kolejność numeracji (...3, 2, 1) punktów listy uporządkowanej (wykazu). Numer, od którego rozpocznie się lista, zależy od liczby jej wszystkich punktów albo atrybutu start="..." (jeśli został ustawiony). Pytania i odpowiedzi <ol reversed start, li> Jak odwrócić numerację w HTML? Aby odwrócić numerację w HTML, można użyć atrybutu reversed w elemencie...
- Układ wielokolumnowy CSS / Liczba kolumn {column-count}
...liczbie kolumn, a przeglądarka sama zajęła się automatycznym dopasowaniem ich szerokości. Przykład {column-count} column-count: 3; To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej stronie... To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej...
- 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...