listy html - Kurs HTML i CSS
Formularze HTML / Wysłanie formularza bez programu pocztowego...domową danego serwera lub kontaktując się z administratorem serwera. Jeżeli Twój serwer nie obsługuje skryptów PHP albo funkcja mail wysyłająca listy elektroniczne jest zablokowana, jedynym rozwiązaniem dla Ciebie będzie skorzystanie z darmowych komponentów przetwarzających dowolne formularze i wysyłających wynik na wskazany adres e-mail. Jedyne co musisz w takim przypadku zrobić, to zarejestrować się w wybranym serwisie, który oferuje takie komponenty i założyć, a potem skonfigurować...
Menu w CSS / Menu z nagłówkami...Oczywiście takie menu może zawierać więcej niż jeden nagłówek. Aby mieć możliwość swobodnego stylizowania, usuwamy domyślne formatowanie listy: dl, dt, dd { display: block; margin: 0; padding: 0; } W efekcie uzyskamy: CSS Czcionki Tekst Tło Marginesy Obramowanie CSS Czcionki Tekst Tło Marginesy Obramowanie dl, dt, dd { display: block; margin: 0; padding: 0; } dl { width: 200px; } dt { background-color: #ccc; color: #000; padding...
- HTML5 / Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>
...lub HTML5. Przeglądarki często posiadają wbudowaną funkcję automatycznego uzupełniania formularzy. Najczęściej odbywa się to w formie rozwijanej listy poniżej pól tekstowych, na którą użytkownik może przejść wciskając klawisz kursora w dół i zaakceptować wybór klawiszem Enter. Na liście wyświetlają się podpowiedzi, które użytkownik wcześniej wpisywał do tego pola. Nie zawsze jednak jest to korzystne. Jeżeli użytkownik na publicznie dostępnym komputerze (np. w bibliotece) wypełni formularz...
Rozwijane menuWykorzystując element <select>...</select> można stworzyć rozwijane menu, które działa w ten sposób, że po wyborze konkretnej opcji z listy, następuje wczytanie określonej strony (podobnie jak w przypadku odsyłaczy). Może to być przydatne np. jeżeli chcemy zaoszczędzić trochę miejsca na stronie (lista rozwijalna zajmuje tylko jedną linijkę). Ale uwaga! Jeśli przeglądarka użytkownika nie będzie obsługiwać skryptów JavaScript, strony z takiego menu będą niedostępne. Dlatego zaleca się umieścić w...
- Wstawianie stylów CSS / Kaskadowość stylów
...HTML - np. align="...", bgcolor="...", color="...", height="...", width="..." i inne) Style o wyższym priorytecie ważności (na początku listy) mają pierwszeństwo w modyfikowaniu elementów dokumentu. Style niżej w hierarchii mogą zmienić formatowanie jakiegoś elementu, tylko jeśli style o wyższym priorytecie nie dotyczą tego konkretnego elementu. Na szczególną uwagę zasługuje również fakt, że style CSS z dowolnego źródła zawsze są ważniejsze niż atrybuty prezentacyjne przypisane...
Formularze HTML / Podcast HTML...tej części kursu: Opanuj formularze HTML! Twórz interaktywne ankiety i formularze zamówień. Poznaj elementy: pola tekstowe, hasła, checkbox/radio, listy select i textarea. Dowiedz się, jak bezpiecznie przesyłać dane (SSL) i stosować JavaScript do walidacji przed wysłaniem. 🔊 Posłuchaj podcastu HTML
- Tekst HTML / Zagnieżdżanie wykazów
...</ol> Pytania i odpowiedzi <ul, ol, li> Co można uzyskać poprzez zagnieżdżanie wykazów? Pozwala to stworzyć wykaz wielopoziomowy w postaci listy punktów głównych z podpunktami niższego poziomu. Każdy kolejny poziom wykazu zwykle jest bardziej przesunięty w prawo. Jak zrobić listę w liście HTML? Aby stworzyć wielopoziomowe wypunktowanie lub numerację, należy umieścić element wykazu podrzędnego <ul>...</ul> lub <ol>...</ol> wewnątrz znacznika <li>...</li> wykazu nadrzędnego.
- HTML5 / Kategorie elementów HTML5
...OBJECT, OUTPUT, SELECT, TEXTAREA elementy wysyłalne (ang. submittable elements) Oznaczają elementy, które mogą być używane do konstruowania listy pól podczas przesyłania formularza. BUTTON, INPUT, SELECT, TEXTAREA elementy resetowalne (ang. resettable elements) Oznaczają elementy, które mogą być zmienione, gdy formularz jest resetowany. INPUT, OUTPUT, SELECT, TEXTAREA elementy dziedziczące kapitalizację i autokorektę (ang. autocapitalize-and-autocorrect inheriting elements)...
- Komendy HTML 4.01 / Wykaz elementów
...Tekst do wprowadzenia przez użytkownika LABEL wymag/wymag w linii Etykieta LEGEND wymag/wymag Legenda LI wymag/opcj Punkt listy LINK wymag/zabr Odnośnik MAP wymag/wymag w linii Mapa odnośników klienta MENU wymag/wymag w bloku Lista menu META wymag/zabr Informacje profilowe dokumentu NOFRAMES wymag/wymag w bloku Brak obsługi ramek NOSCRIPT wymag/wymag w bloku Brak obsługi skryptów OBJECT wymag/wymag w linii Osadzony obiekt...
- HTML5 / Nowe atrybuty HTML5
...BUTTON (type="submit"), INPUT (type="submit" lub type="image") formaction - URL do użycia przy wysyłaniu formularza; formenctype - typ kodowania listy danych do użycia przy wysyłaniu formularza; formmethod - metoda do użycia przy wysyłaniu formularza; formnovalidate - pominięcie walidacji kontrolek formularza przy wysyłaniu formularza; formtarget - cel nawigacyjny dla wysyłania formularza hidden Wszystkie elementy Czy element jest istotny imagesizes, imagesrcset LINK...