element - Kurs HTML i CSS
Znaki specjalne HTML / Symbole...∅ ∇ ∇ Nabla (backward difference) Operator Nabla ∇ ∈ ∈ Element of ...należy do... ∈ ∉ ∉ Not an element of ...nie należy do... ∉ ∋ ∋ contains as member ...zawiera się w... ∋ ∏ ∏ n-ary product = product sign Znak mnożenia n-elementów ciągu ∏ ∑ ∑ n-ary sumation Znak sumowania n-elementów ciągu ∑ − − Minus sign Znak minus − ∗ ∗ Asterisk operator Operator...
Definicje / Podstawowe pojęcia CSSPoniżej zostały podane podstawowe definicje dotyczące stylów CSS. Jeśli nie zrozumiesz niektórych, nie przerażaj się, nie wszystkie one są absolutnie konieczne do swobodnego posługiwania się stylami. Jednak przeczytanie ich, pozwoli Ci chociaż zaznajomić się z podstawowymi terminami. Zapoznaj się zwłaszcza z następującymi definicjami: Element Element zastępowany Atrybut Drzewo dokumentu - szczególnie ważne Dziecko Potomek Przodek Brat Źródło: Cascading Style Sheets, Level 2
- Tekst HTML / Wyróżnienie <em, strong>
...STRONG od B? Element STRONG nadaje tekstowi znaczenie w postaci wysokiej ważności, a dodatkowo zwykle wyświetla go w sposób pogrubiony. Natomiast element B również wizualnie wytłuszcza tekst, ale jedynie w celach czysto użytkowych nie nadając mu przy tym żadnego dodatkowego znaczenia - w ten sposób oznacza się często np. krótkie wprowadzenie na początku artykułu.
- Tekst HTML / Tytuł nagłówka <h1, h2, h3, h4, h5, h6>
...a najniższym - szósty: <h6>...</h6>. Tytuł wyższego rzędu jest pisany większą czcionką. Znaczniki tytułów (nagłówków) nie mogą zawierać elementów blokowych. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu tytułów w nagłówkach sekcji na stronach internetowych, zobacz rozdział HTML5: Podtytuł, Sekcja, Artykuł, Wstawka, Nagłówek, Stopka. Przykład <h1, h2, h3, h4, h5, h6> Przykład Prawidłowa kolejność tytułów nagłówków...
- Definicje / Dziecko
(child) Dany element jest nazywany dzieckiem innego elementu, jeżeli ten drugi element jest jego rodzicem.
- Tekst HTML / Słownik <dl, dt, dd>
...bardziej w prawo, dzięki czemu lista staje się czytelniejsza. (Zobacz także: Definicja). Zwracam uwagę, że w obrębie słownika tekst i inne elementy można wstawiać tylko wewnątrz znaczników terminów i definicji, a nie poza nimi! Zatem poniższy kod będzie nieprawidłowy: <dl> Słownik... <dt>Termin</dt> <br> <dd>Definicja</dd> <br> </dl> Termin definicji (DT) nie może zawierać elementów blokowych. Przykład <dl, dt, dd> Atrybut Wartość powiązana z elementem, składająca się z nazwy i...
- Rozmiary CSS / Maksymalna wysokość {max-height}
selektor { max-height: wartość } Selektorem może być dowolny znacznik wyświetlany w bloku lub element zastępowany [zobacz: Wstawianie stylów]. Natomiast jako "wartość" należy podać wartość maksymalnej dozwolonej wysokości, jaką może mieć element. Polecenie nie odnosi się do elementów inline! Przykład {max-height} Ten obrazek powinien mieć wysokość maksymalną 20px (max-height: 20px):
- Rozmiary CSS / Minimalna wysokość {min-height}
selektor { min-height: wartość } Selektorem może być dowolny znacznik wyświetlany w bloku lub element zastępowany [zobacz: Wstawianie stylów]. Natomiast jako "wartość" należy podać wartość minimalnej dozwolonej wysokości, jaką może mieć element. Polecenie nie odnosi się do elementów inline! Przykład {min-height} Ten obrazek powinien mieć wysokość minimalną 150px (min-height: 150px):
- Tekst HTML / Wykaz <ul, ol, li>
...<li>Punkt pierwszy</li> <li>Punkt drugi</li> <li>Punkt trzeci</li> </ul> wyświetlanie: w bloku Zwracam uwagę, że w obrębie wykazu tekst i inne elementy można wstawiać tylko wewnątrz znaczników punktów wykazu, a nie poza nimi! Zatem poniższy kod będzie nieprawidłowy: <ul> Wykaz... <li>Punkt pierwszy</li> <br> <li>Punkt drugi</li> <br> </ul> Przykład <ul, li> Punkt pierwszy Punkt drugi Punkt trzeci Dla zainteresowanych Jeśli za mało Ci typów wypunktowania wykazów wbudowanych w...
- Tabele HTML / Tytuł tabeli <caption>
...być umiejscowiony na górze (domyślnie) lub na dole tabeli. Element CAPTION musi się znajdować zaraz po znaczniku TABLE i nie może zawierać żadnych elementów blokowych! Potrzebujesz pomocy? Przy tworzeniu tabel HTML możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. Dzięki niemu w kilka minut skonfigurujesz dowolny, nawet najbardziej skomplikowany układ wierszy i kolumn, a także zdefiniujesz estetyczny wygląd poprawiający prezentację treści. ✅ Rozpocznij konfigurację...