przykład html - Kurs HTML i CSS
HTML5 / Nagłówek <header><header>...</header> Reprezentuje grupę wprowadzającą albo ułatwienia nawigacyjne. Zwykle zawiera nagłówek sekcji (H1, H2, H3, H4, H5, H6 albo HGROUP), ale nie jest to absolutnie konieczne. Może zawierać również: spis treści, formularz wyszukiwania, logo. Sam element HEADER nie stanowi nagłówka sekcji. Może to być nieco mylące, ponieważ z kolei element FOOTER stanowi stopkę sekcji. Elementami definiującymi nagłówek sekcji są: H1, H2, H3, H4, H5, H6. W szczególności znacznik HEADER nie tworzy...
- Typy MIME / Multipurpose Internet Mail Extensions
...(ang. experimental) Składnia strukturalna Niektóre z podtypów mogą posiadać specjalne przyrostki rozpoczynające się od znaku plusa. Na przykład typ application/xhtml+xml oznacza dokument XHTML zapisany przy użyciu składni języka XML.
- Tekst HTML / Źródło <cite>
<cite>...</cite> wyświetlanie: w linii Zwykle jest napisany kursywą. Umieszcza się w nim tytuł utworu, do którego się odnosimy, ale nie sam cytat. Może to być np. tytuł książki, opracowania, wiersza, partytury, piosenki, scenariusza, filmu, programu telewizyjnego, gry komputerowej, rzeźby, obrazu, sztuki teatralnej, przedstawienia, opery, musicalu, wystawy, protokołu sprawy czy nazwa programu komputerowego itp. Element ten nie służy do oznaczania cytatów - do tego nadaje się znacznik...
- HTML5 / Automatyczna kapitalizacja tekstu <... autocapitalize>
...ręczny powrót na małe litery), gdy litera, która powinna być automatycznie kapitalizowana, ma zostać wpisana. Inne rodzaje wprowadzania tekstu, na przykład wprowadzanie głosowe, mogą wykonywać automatyczną kapitalizację w sposób, który nie daje użytkownikom możliwości wcześniejszej interwencji. Atrybut autocapitalize="..." pozwala kontrolować takie zachowanie.
- HTML5 / Klawisz Enter <... enterkeyhint>
...klawisz zatwierdzenia Enter (może on być oznaczony symbolem: ↵). Jednak w pewnych przypadkach na tym klawiszu może się wyświetlać co innego. Na przykład jeśli wprowadzamy adres strony w przeglądarce internetowej, na klawiaturze ekranowej może się wyświetlić napis: Idź, a jeśli wyszukujemy czegoś - ikona lupy. Zachowaniem tym możemy również ręcznie sterować przy pomocy atrybutu enterkeyhint="...".
- HTML5 / Tryb wpisywania <... inputmode>
...wyszukiwania. Urządzenia mobilne są wyposażone w klawiaturę ekranową, która potrafi dopasować zestaw klawiszy do typu wprowadzanej wartości. Na przykład przy wprowadzaniu wartości numerycznej, dostępne mogą być tylko cyfry, przecinek i minus. Możemy ręcznie wymusić określony tryb wprowadzania tekstu poprzez przypisanie atrybutu inputmode="...". Warto zauważyć, że niektóre wartości atrybutu trybu wpisywania odpowiadają typom pól formularza: inputmode="text" i type="text...
- 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...
Dobre praktyki / CSS Zorientowane Obiektowo...znaczenia, ile punktów ma wykaz, ponieważ wygląd dla nich określamy wspólnie) odnośnik a W arkuszu CSS pełna definicja tej klasy może wyglądać na przykład tak: .Menu { background-color: white; } .Menu ul, .Menu li { display: block; list-style: none; margin: 0; padding: 0; } .Menu li { float: left; margin-right: 1em; } .Menu a { color: blue; text-decoration: none; } Kompozycja Zwróćmy uwagę, że typowy artykuł może zawierać informacje o: autorze - np. z jego...
- Formularze HTML / Obszar tekstowy <textarea>
...precyzyjnie dzięki możliwościom CSS - np. przy pomocy zamieszczonego generatora. ✅ Rozpocznij konfigurację formularza Przykład <textarea> To jest przykład pola komentarza bez podania treści domyślnej: Możesz tu coś wpisać... A to jest przykład podania treści domyślnej (możesz ją wymazać): To jest treść domyślna komentarza...Możesz tu coś wpisać... Pole tylko do odczytu <textarea readonly> <textarea name="nazwa" cols="x" rows="y" readonly>...</textarea> Wstawienie atrybutu readonly...
- Formularze HTML / Wysłanie formularza <input "submit, image">
...np. przy pomocy zamieszczonego generatora.przycisk o ✅ Rozpocznij konfigurację formularza Przykład <input "submit"> value="Kliknij tutaj!" To jest przykład bez podania wartości value="...". Blokada pola <form action="..."> <input type="submit" value="wartość" disabled> </form> Wstawienie atrybutu disabled powoduje zablokowanie pola. Przykład <input "submit" disabled> To pole jest zablokowane (disabled). Przycisk obrazkowy <input "image"> <form action="..."> <input type="image...