elementy - Kurs HTML i CSS
Tekst HTML / Blokada indeksowania fragmentów treści <... data-nosnippet>...strony w wynikach wyszukiwania Google wyświetlają się nieadekwatne treści? Może to mieć miejsce, m.in. kiedy w treści strony są umieszczone jakieś elementy interfejsu użytkownika. Na przykład jeśli w naszym serwisie znajdują się fragmenty przykładowych tekstów (kody źródłowe, polecenia, wzory itp.), możemy chcieć ułatwić użytkownikowi skorzystanie z nich poprzez dodanie przycisku "Skopiuj do schowka". Niestety roboty wyszukiwarek nie zawsze właściwie zinterpretują takie elementy i w efekcie...
- HTML5 / Automatyczna kapitalizacja tekstu <... autocapitalize>
...element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5 - z wyjątkiem: url, email, password TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do nich wszystkich kapitalizacja Można wpisać: off lub none - blokuje automatyczną kapitalizację, tzn. wszystkie wprowadzane litery powinny być domyślnie ustawione jako małe. on lub...
- HTML5 / Klawisz Enter <... enterkeyhint>
...element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane 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...
- HTML5 / Tryb wpisywania <... inputmode>
...inputmode="tryb">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do nich wszystkich tryb Należy podać jedną z poniższych wartości: none - przeglądarka nie powinna w ogóle wyświetlać klawiatury ekranowej. Jest przydatne, jeśli na stronie...
- Komendy HTML 4.01 / Specyfikacja HTML
...lub XXXXXXXXXXXXXXXXXXXXXXXXw liniiXXXXXXXXXXXXXXXXXXXXXXXX Jeśli szukasz informacji o języku HTML5, zobacz: Składnia (X)HTML5 Nowe elementy HTML5 Nowe atrybuty HTML5 Zmienione elementy i atrybuty HTML5 Przykład <b title id> Znacznik B można wpisać następująco: <b title="Tytuł" id="identyfikator">Tekst pogrubiony</b> albo też: <b>Tekst pogrubiony</b> przy czym znacznik <b> jest otwierający, natomiast </b> - zamykający.
Definicje / Drzewo dokumentu(document tree) Drzewo elementów umieszczonych w dokumencie źródłowym. Każdy element w takim drzewie ma dokładnie jednego rodzica, oprócz elementu podstawowego, czyli korzenia drzewa (root). Przykład Po wpisaniu: <html> <head> <title>...</title> </head> <body> <h1>...</h1> <p>...</p> <table> <tr> <td>...</td> <td>...</td> </tr> <tr> <td>...</td> <td>...</td> </tr> </table> </body> </html> Otrzymamy następujące drzewo dokumentu: gdzie...
- Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>
...wartość; cecha2: wartość2... } selektor2 { cecha: wartość; cecha2: wartość2... } (...) </style> (...) </head> gdzie w sposób wyróżniony zaznaczono elementy składowe wewnętrznego arkusza stylów. Natomiast w miejsce kropek (...) można wpisać dalsze polecenia. Selektorem może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne. To właśnie elementom, które znajdują się w kodzie źródłowym, pomiędzy tymi znacznikami, nadajemy atrybuty formatowania opisane w...
- Wstawianie stylów CSS / Kaskadowość stylów
...Kaskadowość stylów Łamanie kaskadowości !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ę...
- Selektory elementów CSS / Selektor potomka
...określonych elementów nadrzędnych. Selektor potomka jest zapisywany jako kombinacja nazw elementów oddzielonych spacją. Jak wybrać wszystkie elementy P wewnątrz elementu DIV? Aby wybrać wszystkie elementy <p> znajdujące się wewnątrz elementu <div>...</div>, można użyć selektora potomka. Na przykład: div p zastosowany w regule CSS spowoduje, że zostaną wybrane wszystkie akapity wewnątrz kontenerów.
- Marginesy CSS / Model pudełkowy CSS
...i stylizację elementów na stronie. Co to jest model blokowy? Model blokowy odnosi się do sposobu wyświetlania elementów w HTML i CSS, gdzie elementy blokowe (np. <div>, <p>) zajmują całą dostępną szerokość oraz tworzą nową linię powyżej i poniżej nich. W przeciwieństwie do elementów liniowych, elementy blokowe można stylizować przy użyciu właściwości CSS, takich jak szerokość, marginesy czy obramowanie. Przykładowy kod: <div style="width: 300px; margin: 10px; background-color...