element - Kurs HTML i CSS
Definicje / Potomek(descendant) Element jest potomkiem drugiego elementu, jeżeli jest jego dzieckiem albo jest dzieckiem elementu, który jest potomkiem tego drugiego elementu.
- Definicje / Przodek
(ancestor) Element jest przodkiem drugiego elementu, jeśli tylko ten drugi jest jego potomkiem.
- Definicje / Brat
(sibling) Element jest bratem drugiego, jeśli mają tego samego rodzica. Może on być bratem poprzedzającym - jeśli następuje wcześniej niż drugi w drzewie dokumentu, lub następującym - gdy później.
Tekst HTML / Zagnieżdżanie wykazów...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.
- Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}
...mieli poziomów zagnieżdżenia? CSS daje na to prostą receptę - automatyczną numerację, czyli możliwość dowolnego określania sposobu numerowania elementów, np.: Punkty główne: 1., 2., 3.,... Podpunkty: 1.1., 1.2., 1.3.,... 2.1., 2.2., 2.3.,... 3.1., 3.2., 3.3.,... Podpunkty drugiego rzędu: 1.1.1., 1.1.2., 1.1.3.,... 1.2.1., 1.2.2., 1.2.3.,... 2.1.1., 2.1.2., 2.1.3.,... 2.2.1., 2.2.2., 2.2.3.,... i tak dalej... Automatyczna numeracja w CSS korzysta z tzw. liczników, które są podobne...
- Tekst HTML / Pozioma linia <hr>
...się różnić w zależności od przeglądarki. Przykład <hr> Przykład Pytania i odpowiedzi <hr "border-width"> Co to jest HR w HTML? Jest to element wstawiający na stronie poziomą linię (ang. horizontal rule). Możemy jej użyć np. aby rozdzielić sąsiednie części rozdziału, które co prawda różnią się od siebie tematycznie, ale nie tak bardzo, aby podzielić je na osobne rozdziały. Jak pogrubić HR? W większości przeglądarek pozioma linia domyślnie składa się z dwóch przylegających do...
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...wewnątrz znacznków wierszy (<tr>...</tr>)! Liczba komórek w każdym wierszu powinna być taka sama. Zwracam uwagę, że w obrębie tabeli tekst i inne elementy można wstawiać tylko wewnątrz znaczników komórek i ewentualnie tytułu tabeli, a nie poza nimi! Poza obrębem tych znaczników można umieszczać tylko ściśle określone elementy, które zostaną szczegółowo opisane w tym rozdziale. Zatem poniższy kod będzie nieprawidłowy: <table> Tabela... <tr> <b><td>...</td></b> <td>...</td> </tr> <br> <tr>...
- Tekst HTML / Kod poprawny semantycznie
...odpowiedni rozmiar czcionki? Otóż na pewno nie jest to pomyłka. Z punktu widzenia użytkownika w języku HTML wyróżniamy dwa podstawowe typy elementów określających atrybuty tekstu: Znaczniki formatujące - mają za zadanie tylko i wyłącznie zmienić wygląd tekstu, który obejmują, bez żadnego odniesienia do znaczenia tego tekstu. Są to np.: B (pogrubienie), I (pochylenie), U (podkreślenie), S (przekreślenie), SMALL (czcionka pomniejszona). Użycie tych znaczników gwarantuje, że w każdej...
- Szablon strony na DIV-ach / Semantyczny szablon strony
...Dlaczego nie tabele? Szablon strony na DIV-ach Po lekturze rozdziału pt. Menu w CSS powinny być Ci już znane praktyczne możliwości stylizacji elementów stron internetowych. Wiesz już zapewne, dlaczego rozwiązanie oparte o CSS jest najkorzystniejszym wyborem przy tworzeniu menu nawigacyjnego. Dlaczego zatem ograniczać się tylko do menu, kiedy można przecież zyskać jeszcze więcej, projektując całą stronę w ten sam sposób: Wyobraź sobie, że po roku działalności strony zechcesz całkowicie...
- Widżety HTML / Ramki lokalne <iframe>
...x" oznacza szerokość w pikselach, a "y" oznacza wysokość (również w pikselach). Natomiast "x%" oznacza szerokość w procentach całego ekranu (bądź elementu nadrzędnego posiadającego ustalone wymiary), a "y%" oznacza wysokość (również w procentach). Jeżeli zawartość ramki będzie większa niż jej rozmiary, przeglądarka wyświetli suwaki do przewijania jej treści. Przykład <iframe width height> width="50%" height="200" Niestety Twoja przeglądarka nie obsługuje ramek 🙁 Nazwa ramki <iframe...