wstawienie - Kurs HTML i CSS
Formularze HTML / Lista rozwijalna <select, option, optgroup>Spis treści <select, option, optgroup> Lista rozwijalna <select, option, optgroup> Możliwość wyboru kilku opcji (typ rozszerzony) <select multiple> Z zaznaczoną domyślnie opcją <option selected> O określonej wysokości pola <select size> Blokada pola <select disabled> Grupy opcji <optgroup> Lista rozwijalna <select, option, optgroup> <form action="..."> <select name="nazwa"> <option>Tu wpisz pierwszą możliwość</option> <option>Tu wpisz drugą możliwość</option> (...) </select>...
- HTML5 / Stopka <footer>
...ciekawe mimo swojej nazwy, stopki nie musimy wcale umieszczać na końcu sekcji. Choć raczej nie jest to typowe zastosowanie, poprawnym będzie również wstawienie znacznika FOOTER nawet na samym początku sekcji. A jeśli umieścimy stopkę w ogóle poza znacznikami sekcji, będzie się ona odnosić do strony jako całości. Przykład <footer> <article> <h1>Mój artykuł</h1> <p>To jest mój artykuł...</p> <footer> Autor: <address>Jan Kowalski (jan.kowalski@example.com)</address> <p>wszelkie prawa...
- 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...
- Formularze HTML / Wysłanie formularza <input "submit, image">
Spis treści <input "submit, image"> Przycisk tekstowy <input "submit"> Przycisk obrazkowy <input "image"> Nazwa przycisku wysłania formularza <input "submit" name> Przycisk tekstowy <input "submit"> <form action="..."> <input type="submit" value="wartość"> </form> gdzie jako "wartość" należy wpisać napis, który pojawi się na przycisku wysyłania formularza. Jeśli opuścimy ten parametr, pojawi się tam domyślny tekst, np.: "Prześlij kwerendę". Polecenie wprowadza na ekran przycisk z...
- HTML5 / Artykuł <article>
<article>...</article> Artykuł reprezentuje samodzielną część dokumentu lub aplikacji, która potencjalnie mogłaby być opublikowana niezależnie od pozostałej treści na stronie (np. w kanale RSS). Może to być np.: wiadomość wysłana na forum dyskusyjnym, wpis na blogu, komentarz użytkownika pod artykułem, interaktywny widget. W pojedynczym dokumencie może być więcej niż jeden element ARTICLE. Znaczniki te można również zagnieżdżać (umieszczać jeden w drugim). W takim przypadku oznacza to, że...
- HTML5 / Szablon strony w HTML5
...nim treść może być opublikowana oddzielnie. Ale przecież tutaj nie mielibyśmy do czynienia z fragmentem dokumentu, lecz jego całością. Podobnie wstawienie w tym miejscu znacznika SECTION raczej wydaje się bezcelowe, skoro element BODY odnosi się już do dokumentu jako całości.
- HTML5 / Responsywny obrazek <picture, source>
Spis treści <picture, source> Wstęp Dopasowanie formatu <picture, source type> Dopasowanie kadru <picture, source media> Wstęp (interpretuje: Firefox 38, Opera 25, Chrome 38) Znamy już sposób wstawienia obrazka na stronę za pomocą znacznika IMG. Niestety istnieją przypadki, kiedy jest on niewystarczający. Najczęściej ma to związek z urządzeniami mobilnymi. Trudno spodziewać się, że to samo zdjęcie będzie równie dobrze wyglądać zarówno na dużym ekranie laptopa i na niewielkim...
- HTML5 / Klawisz Enter <... enterkeyhint>
...zbiorczo do nich wszystkich zatwierdzenie Może przyjąć jedną z poniższych wartości: enter - operacja ↵ (Enter), zazwyczaj oznaczająca wstawienie nowej linii. done - operacja OK, zazwyczaj oznaczająca, że nie ma więcej danych do wprowadzenia i edytor IME (pomocnicza klawiatura ekranowa służąca do wprowadzania znaków niedostępnych na klawiaturze podstawowej) zostanie zamknięty. go - operacja Idź, zazwyczaj oznaczająca przejście do celu, który został wpisany (np. pod podany adres...
Kaskadowe Arkusze Stylów / Cascading Style Sheets...strony: nagłówek oraz ciało dokumentu, w którym mogły znajdować się akapity z tekstem, wykazy, tabele i inne elementy. SGML odpowiada tylko za wstawienie tych elementów, ale nie określa ich wyglądu. Jak łatwo się domyślić, szybko przestało to wystarczać - dlatego wprowadzono HTML. Zawarcie poleceń formatujących w samym HTML spowodowało jednak, że modyfikacja wyglądu elementów strony stała się bardzo żmudna (atrybuty i znaczniki które za to odpowiadają, są porozrzucane w różnych miejscach...
- Tło CSS / Kolor tła {background-color}
...Wstawianie stylów]. Natomiast jako "kolor" należy podać definicję koloru. Wpisanie "transparent" ustali tło przezroczyste. Polecenie umożliwia wstawienie tła o określonym kolorze pod danym elementem (tekstem). Jeśli definiowane własności mają odnosić się do całej strony (np. kolor tła strony), można użyć selektora BODY lub HTML. Przykład {background-color} Tło koloru czerwonego (red) Tło koloru żółtego (yellow) Tło koloru #D08AFF Tło koloru systemowego Menu Pytania i odpowiedzi...