tekst - Kurs HTML i CSS
Galeria zdjęć HTML / Klasyczna galeria zdjęćJeśli nie masz czasu czytać wprowadzenia, możesz przejść od razu do części właściwej 😉 Na wielu stronach w Internecie można spotkać galerię zdjęć, stosowaną do przedstawienia kolekcji zdjęć, zwykle o dużych rozmiarach. Najczęściej jest ona tworzona w ten sposób, że na głównej stronie umieszcza się pomniejszone kopie obrazków oraz odsyłacze, po kliknięciu których następuje wczytanie obrazka w pełnych rozmiarach. Pozwala to uchronić się od wczytywania wszystkich dużych obrazków jednocześnie...
- Menu rozwijane, otwierane, wysuwane / Pozycja absolutna
...myszką: HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze Zauważ, że po otworzeniu, menu przykrywa ten tekst. Inicjalizacja Domyślnie menu rozwija/otwiera/wysuwa się po załadowaniu strony, tak aby wyświetlić pozycję z odnośnikiem do aktualnie wczytanego dokumentu. Jednak czasami takie zachowanie może nie być pożądane - zwłaszcza w przypadku menu otwieranego z określoną pozycją absolutną. Wtedy po załadowaniu strony, automatycznie otwarte menu...
- Menu rozwijane, otwierane, wysuwane / Łączenie opcji
...myszką: HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze Zauważ, że po otworzeniu, menu przykrywa ten tekst.
Wyróżnienia...typowy dokument HTML, w jaki sposób zachęcić internautów, aby odwiedzili daną stronę, co to są podstrony. Jak również w jaki sposób wpisuje się tekst na stronach WWW, jakie są zasady poprawnego wpisywania znaków interpunkcyjnych w tekście komputerowym. Z kursu można wynieść też wiedzę na temat znaczników i atrybutów oraz w jaki sposób układać tekst na ekranie, w jaki sposób zmienić wygląd tekstu, jak zmienić tło strony czy też w jaki sposób wstawić obrazek na stronę WWW. cytat z magazynu...
- Wykaz generatorów
...odcieni: od najciemniejszego do najjaśniejszego. Tester kolorów Zaawansowany generator kolorów z możliwością przetestowania komponowania się barw tekstu i tła strony oraz automatyczną konwersją DEC -> HEX i odwrotnie. Generator emotikon (emoji) Emoji to specjalne piktogramy graficzne, które możemy wstawić w zwykłym tekście. Szczególnym rodzajem tego typu ikon są graficzne emotikony pozwalające wyrażać emocje w tekście komputerowym. Dzięki temu generatorowi możesz szybko wyszukać dowolną...
Nagłówek i treść HTML / Tytuł strony <title><head> <title>Tytuł strony</title> </head> Każdy dokument HTML (podstrona serwisu) posiada własny tytuł. Może on zawierać dowolny tekst, zaleca się jednak, aby nie był zbyt długi (najwyżej kilka wyrazów). Powinien on również odnosić się do treści zawartych na danej stronie. Tytuł pojawia się na belce tytułowej przeglądarki internetowej (na samej górze okna programu, na karcie ze stroną), a także w wyszukiwarkach sieciowych, po odnalezieniu Twojej strony - dlatego właśnie nie może on być zbyt...
Selektory atrybutów CSS / Selektor atrybutu o wartości rozpoczynającej się od......[zobacz: Wstawianie stylów]. Atrybut oznacza konkretny parametr nadany znacznikowi z poziomu HTML (np. atrybut title="..."). "Początek" to określony tekst, którym rozpoczyna się wartość atrybutu. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Podobnie jak w przypadku selektora z łącznikami polecenie to pozwala wybrać element z atrybutem o wartości, która ma na początku wymagany tekst, ale po niej nie musi być...
- Obramowanie CSS / Zaokrąglenie obramowania {border-...-radius}
...mieć obramowania, aby miał zaokrąglone narożniki. Wystarczy jeśli będzie miał ustalone jakieś tło, aby efekt był widoczny na ekranie. Ale uwaga: tekst wewnątrz elementu nie zostanie zawinięty do zaokrąglonych rogów. Jeśli promień zaokrąglenia będzie zbyt duży, tekst wyjdzie na zewnątrz. Przy tworzeniu zaokrąglenia obramowania możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obramowania Przykład {border-top-right-radius}...
- HTML5 / Zmienione elementy i atrybuty HTML5
...Oddziela bloki tematyczne sekcji artykułu na poziomie akapitów. I Oznacza np. termin techniczny, idiom z innego języka albo fragment wtrąconego tekstu. LABEL Kliknięcie na etykietę nie musi już oznaczać automatycznego przeniesienia kursora tekstowego do skojarzonego z nią pola formularza, chyba że takie jest standardowe zachowanie systemu operacyjnego użytkownika. MENU Służy do budowy użytecznych pasków narzędzi oraz menu kontekstowych. NOSCRIPT Zostanie wyświetlony wyłącznie, jeśli...
- HTML5 / Sekcja <section>
...wzrok, po przeczytaniu całego akapitu, a potem szybko odnaleźć miejsce, gdzie skończyliśmy czytać. Przede wszystkim jednak każdy akapit zawiera tekst o nieco innej tematyce niż poprzedni. Natomiast sekcje składają się zwykle z akapitów, ale zawierają treść, której tematyka różni się dużo bardziej od poprzedniej sekcji niż tekst w kolejnych akapitach. Dodatkowo sekcje, jeśli rozpoczynają się od tytułów nagłówkowych, umożliwiają hierarchiczny podział treści w postaci rozdziałów...