formularze - Kurs HTML i CSS
HTML5 / Nowe elementy HTML5...Wszystkie nowe znaczniki w HTML5 zostały podzielone na następujące kategorie: sekcje, znaczniki grupujące, semantyka tekstu, elementy osadzone, formularze, elementy interaktywne, skrypty. Jakie są znaczniki sekcji? W języku HTML5 wyróżniamy następujące elementy tworzące nowe sekcje w dokumencie: ARTICLE, ASIDE, NAV, SECTION.
- Formularze HTML / Ramy formularza HTML <form>
...zamiast "temat" można wpisać tytuł, jaki będzie nosił formularz (jest to przydatne zwłaszcza w przypadku stosowania programów obsługujących formularze). UWAGA! Formularzy nie można zagnieżdżać, tzn. umieszczać jednego w drugim. W przypadku użycia Strict DTD, wewnątrz znaczników <form>...</form> muszą się znaleźć dodatkowe znaczniki obejmujące wszystkie elementy formularza. Znacznikami obejmującymi mogą być: div, p, fieldset, h1, h2, h3, h4, h5, h6, pre, address, ins, del...
- Formularze HTML / Forma odszyfrowana <form enctype accept-charset>
...Powyższy atrybut (enctype="text/plain") powoduje, że wszystkie formularze będą przysyłane w formie odszyfrowanej, dla powyższego przykładu jest to: Imię=Sławomir Nazwisko=Kokłowski Płeć=Mężczyzna Wiek=20-29 Muzyka=Rock Muzyka=Inna Muzyka=Elektroniczna Przeglądarka=Opera System operacyjny=Dos System operacyjny=Windows System operacyjny=Linux Komentarz=Proszę, wpisz tutaj jakiś komentarz... Prawda, że łatwiej...
Indeks, wyszukiwarka / Przykład indeksu, wyszukiwarki...['Definicje','../css/definicje.html'], ['Dla zielonych','../html/zielony.html'], ['Drukowanie','../css/drukowanie.html'], ['Formularze','../html/formularze.html'], ['HTML 4.01','../html/html.html'], ['I co dalej...','../html/dalej.html'], ['Jednostki','../css/jednostki.html'], ['Języki','../html/jezyki.html'], ['Kaskadowe Arkusze Stylów','../css/index.html'], ['Kolory','../html/kolory.html'], ['Kolory (CSS)','../css/kolory.html'], ['Kursory','../css/kursory.html']...
- Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
Jeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...
- HTML dla zielonych / Podsumowanie
To by było na tyle. Poznane tu polecenia powinny pozwolić Ci na napisanie prostej, ale zarazem dość dobrze wyglądającej strony WWW. Jeśli już teraz chcesz jak najszybciej sprawdzić w praktyce poznane wiadomości, to tutaj możesz skorzystać z szybkiego edytora stron próbnych, który pozwoli Ci napisać Twoją pierwszą testową stronę WWW. A więc do dzieła... ✅ Rozpocznij tworzenie strony WWW Jeżeli będziesz mieć więcej czasu, zajrzyj do dalszych rozdziałów tego kursu. Znajdziesz tam o wiele więcej...
- HTML5 / Pola formularza <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple>
Spis treści <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple> Typ <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week"> Minimum, maksimum, krok <input "date, month, week, time, datetime-local, number, range" min max step> Wiele wartości <input "email, file" multiple> Typ <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week">...
- Menu rozwijane, otwierane, wysuwane / Przykład menu rozwijanego
Kliknij poniższe nagłówki menu myszką: 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 new Menu('menu0');
- Menu rozwijane, otwierane, wysuwane / Menu wysuwane
Normalnie pozycje menu są rozwijane począwszy od pierwszej do ostatniej, a zwijane od ostatniej do pierwszej. Można odwrócić te kolejności, dzięki czemu uzyskamy efekt wysuwania: <script> new Menu('menu0', '', false, true); </script> 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 new Menu('menu3', '', false, true);
- Nagłówek i treść HTML / Plik robots.txt
...się wręcz zupełnie nieprzydatny, jeśli zależy nam na zablokowaniu indeksowania zdjęć z naszego serwisu (większość wyszukiwarek posiada osobne formularze do wyszukiwania plików graficznych). Istnieje jednak możliwość określenia globalnego dostępu do wszystkich plików serwisu - nosi on nazwę: Standard Wykluczania Robotów (ang. A Standard for Robot Exclusion - Robots Exclusion Protocol). W głównym katalogu konta WWW - czyli tam, gdzie znajduje się dokument strony głównej serwisu...