przykład html - Kurs HTML i CSS
Menu rozwijane, otwierane, wysuwane / Łączenie opcjiWszystkie z przedstawionych powyżej opcji można ze sobą łączyć, uzyskując w ten sposób dodatkowy efekt, np. następujące wywołanie skryptu: <script> new Menu('menu0', 'position: absolute', true, true, 0, 100, 0, 250); </script> spowoduje osadzenie wypozycjonowanego absolutnie menu otwieranego w wersji wysuwanej ze zmodyfikowanymi czasami rozwijania/zwijania oraz opóźnieniem przy otwieraniu i zamykaniu. Aby pominąć określenie pozycji, należy po prostu wpisać '' (dwa apostrofy). Aby pominąć...
Selektory atrybutów CSS / Selektor atrybutu o wartości rozpoczynającej się od...(CSS 3 - interpretuje: Chrome 4, Firefox 3.5, Edge 12, Opera 10, Safari 3.2) selektor[atrybut^="początek"] { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [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...
- Selektory atrybutów CSS / Selektor atrybutu o wartości kończącej się na...
(CSS 3 - interpretuje: Chrome 4, Firefox 3.5, Edge 12, Opera 10, Safari 3.2) selektor[atrybut$="koniec"] { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Atrybut oznacza konkretny parametr nadany znacznikowi z poziomu HTML (np. atrybut title="..."). "Koniec" to określony tekst, którym kończy się wartość atrybutu. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez...
- Selektory atrybutów CSS / Selektor atrybutu zawierającego określony tekst
(CSS 3 - interpretuje: Chrome 4, Firefox 3.5, Edge 12, Opera 10, Safari 3.2) selektor[atrybut*="tekst"] { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Atrybut oznacza konkretny parametr nadany znacznikowi z poziomu HTML (np. atrybut title="..."). "Tekst" to określony napis, zawierający się w wartości atrybutu, który może zawierać również spacje. Natomiast wyrazy "cecha" oraz "wartość" określają...
HTML5 / Stopka <footer><footer>...</footer> Stanowi stopkę dla zawierającego ją elementu sekcji (ARTICLE, ASIDE NAV, SECTION). Stopka przechowuje zwykle informacje na temat sekcji - np.: autor, linki do powiązanych dokumentów, prawa autorskie itp. Stopka może również zawierać w sobie znaczniki sekcji. W takim przypadku stosuje się ją do oznaczania: załączników, skorowidzów (alfabetycznych indeksów haseł), kolofonów (opisów na zakończenie książki), szczegółowych praw autorskich itp. Mimo z pozoru analogicznej...
- HTML5 / Podtytuł <hgroup>
...Taka konstrukcja jednak nie niosła ze sobą żadnego semantycznego znaczenia. HTML5 uzupełnia ten brak. Przykład <hgroup> W poniżej zamieszczonym przykładzie, znacznik P stanowi podtytuł: <article> <hgroup> <h1>Hobbit</h1> <p>czyli tam i z powrotem</p> </hgroup> ... </article>
- Reguły warunkowe CSS / Zapytania właściwości @supports
...deklaracje, które zostaną użyte przez przeglądarkę tylko jeżeli potrafi ona obsłużyć (albo nie potrafi obsłużyć) wskazaną deklarację CSS. Na przykład, aby zastosować zespół reguł CSS tylko dla przeglądarek, które obsługują układ elastyczny, wystarczy otoczyć je specjalnym blokiem reguł warunkowych: @supports (display: flex) { body { display: flex; } #MENU { width: 150px; min-width: 150px; order: -1; overflow: hidden; } } Natomiast dla przeglądarek, które nie...
- Czcionki CSS / Wariant pozycji czcionki {font-variant-position}
(CSS 3 - interpretuje Firefox 34) selektor { font-variant-position: wariant } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, ale zaleca się stosować tutaj sub - indeks dolny albo sup - indeks górny [zobacz: Wstawianie stylów]. Natomiast jako "wariant" należy wpisać: normal - czcionka normalna (podstawowa) sub - indeks dolny super - indeks górny W języku HTML istnieją znaczniki <sub>...</sub> i <sup>...</sup> służące do tworzenia indeksów dolnych i górnych w...
- Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}
...zmienione. Ale tak naprawdę zwykle w ogóle nie zaleca się ich używać w języku CSS, ponieważ mają one swoje odpowiedniki w języku HTML. Jednym z przykładowych zastosowań tej własności może być tworzenie widżetów, które często są dostarczane przez podmioty zewnętrzne do wstawienia na swojej stronie. Ponieważ elementy takie są osadzane w wielu różnych serwisach, nie ma możliwości efektywnie dopasować ich wyglądu do każdej strony. Dlatego ich twórcy najczęściej projektują jakiś jeden...
- Nagłówek i treść HTML / Kanały informacyjne <link "rss, atom">
...Przykład <link "rss"> <link rel="alternate" title="Kurs HTML - darmowe szkolenie: tworzenie stron internetowych" href="https://www.kurshtml.edu.pl/rss/rss.php?id=1" type="application/rss+xml">