przykład html - Kurs HTML i CSS
Tekst HTML / Zagnieżdżanie wykazówWypunktowanie (podstawowy) <ul> <li>Punkt pierwszy <ul> <li>Punkt 1.1 <ul> <li>Punkt 1.1.1</li> <li>Punkt 1.1.2</li> </ul> </li> <li>Punkt 1.2</li> </ul> </li> <li>Punkt drugi</li> </ul> Numerowanie <ol> <li>Punkt pierwszy <ol> <li>Punkt 1.1 <ol> <li>Punkt 1.1.1</li> <li>Punkt 1.1.2</li> </ol> </li> <li>Punkt 1.2</li> </ol> </li> <li>Punkt drugi</li> </ol> Wykaz mieszany - połączenie obu powyższych We wszystkich przypadkach kolorem czerwonym zaznaczono wykaz...
Wstawianie stylów CSS / Rozciąganie stylu <span style><span style="cecha: wartość; cecha2: wartość2...">...</span> Jako "cecha" należy wpisać o jakie konkretnie atrybuty formatowania nam chodzi (opisane w kolejnych rozdziałach). Natomiast jako wyraz "wartość" wpisujemy dokładną wartość atrybutu. Znacznik <span>...</span> pozwala na objęcie pewnego większego fragmentu dokumentu. Pojedynczym znacznikiem <span>...</span> możemy objąć kilka różnych elementów, które są wyświetlane w linii (sam element SPAN tak właśnie jest wyświetlany), np...
- Selektory elementów CSS / Selektor typu
selektor { cecha: wartość } gdzie wyrazem selektor może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne [zobacz: Wstawianie stylów]. To właśnie elementom znajdującym się pomiędzy tymi znacznikami, nadajemy atrybuty formatowania. Wyrazy "cecha" (ang. property) oraz "wartość" (ang. value) określają atrybuty elementu i zostaną opisane w dalszych rozdziałach. Tutaj będą przedstawione jedynie selektory. Selektor typu jest podstawowym rodzajem selektora...
- Jednostki CSS / Długość
...obszaru wyświetlania odnoszą się do wymiarów tej widocznej powierzchni okna, w obrębie której przewijana jest zawartość strony (ang. viewport). Na przykład długość 100vw wynosi tyle co szerokość całego obszaru wyświetlania - 100%. vw - procentowa szerokość obszaru wyświetlania vh - procentowa wysokość obszaru wyświetlania vmin - mniejsza z wartości vw lub vh vmax - większa z wartości vw lub vh Nie jesteśmy w stanie przewidzieć, z jakiego urządzenia wyświetlającego korzysta użytkownik...
- HTML5 / Możliwy koniec linii <wbr>
...treści w poziomie. W takich przypadkach korzystne może być użycie znacznika PRE w połączeniu z elementami WBR. Przykład <wbr> <pre> <!doctype html> <html> <head><wbr><title>...</title><wbr></head> <body><wbr>...<wbr></body> </html> </pre> <p>Popsuła<wbr>mi<wbr>się<wbr>spacja</p>
Odsyłacze HTML / Ćwiczenia...Paint należy użyć opcji "Zmień rozmiar"). Następnie zapisz małe zdjęcie na dysku pod inną nazwą, ale z tym samym rozszerzeniem nazwy pliku (na przykład: moje-zdjecie-mini.jpg). Aby zapewnić dobrą jakość zdjęcia, zawsze pomniejszaj pełnowymiarową ilustrację, a nigdy nie powiększaj miniaturki. Podmień ilustracje na stronie na ich wersje pomniejszone. Następnie przekształć je w odsyłacze obrazkowe i podlinkuj do pełnowymiarowych wersji zdjęć. Użyj przy tym atrybutu target="_blank", który...
- Nagłówek i treść HTML / Strona kanoniczna <link "canonical">
...czyli w dowolnym miejscu wewnątrz elementu <head>...</head> - następujący znacznik: <link rel="canonical" href="adres strony podstawowej">. Na przykład jeśli w naszej witrynie zarówno pod adresem https://www.example.com/ jak i https://www.example.com/index.html znajduje się identyczna treść, w tym drugim dokumencie możemy dodać znacznik: <link rel="canonical" href="https://www.example.com/">.
- HTML dla zielonych / Tekst przekreślony HTML <s>
<s>Tu wpisz tekst</s> Pozwala przekreślić fragment tekstu (ang. strikethrough). Przykład <s> Po wpisaniu w edytorze HTML następującego kodu: <s>Ten tekst jest przekreślony</s> na ekranie przeglądarki otrzymamy: Ten tekst jest przekreślony Pytania i odpowiedzi <s> Jak zrobić przekreślony tekst? Aby przekreślić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <s>...</s>. Jak przekreślić tekst w HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką...
- HTML dla zielonych / Pozioma linia HTML <hr>
<hr> Pozwala wstawić na stronie poziomą linię (ang. horizontal rule), za pomocą której np. można rozdzielić sąsiednie grupy akapitów wyraźnie różniące się między sobą tematycznie. UWAGA! Znacznik <hr> nie posiada w języku HTML znacznika zamykającego! Przykład <hr> <p>Akapit...</p> <p>Akapit...</p> <hr> <p>Akapit...</p> <p>Akapit...</p> Pytania i odpowiedzi <hr> Jak napisać poziomą linię w HTML? W celu dodania poziomej linii na stronie WWW należy posłużyć się znacznikiem <hr>. Jak...
- HTML5 / Dekodowanie obrazków <img decoding>
...komputerów może oznaczać konwersję zakodowanych informacji, takich jak obrazów lub tekstu, do ich pierwotnej, użytecznej formy. Jakie są przykłady dekodowania? Przykłady dekodowania obejmują konwersję zakodowanego pliku obrazu (np. JPEG) do formatu, który można wyświetlić na ekranie, deszyfrowanie zaszyfrowanej wiadomości, aby była czytelna, oraz dekodowanie znaków zakodowanych w formacie HTML, takich jak ©, na ich odpowiedniki, np. ©. Jaki jest atrybut dekodowania w...