przykład html - Kurs HTML i CSS
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">
- HTML dla zielonych / Indeks górny i dolny HTML <sup, sub>
...pomniejszony tekst nieco wyżej od zwykłej linii tekstu i tym samym stworzyć indeks górny, należy użyć następującego kodu: x<sup>2</sup>. W tym przykładzie cyfra 2 zostanie wyświetlona jako indeks górny litery x.
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
...fetchpriority="high", należy umieścić ten atrybut w tagu <img>, <link> lub <script> dla zasobów, które mają mieć wysoki priorytet pobierania. Na przykład: <img src="image.jpg" fetchpriority="high"> lub <link rel="preload" as="style" href="style.css" fetchpriority="high">. To zapewni, że przeglądarka pobierze te zasoby z wyższym priorytetem.
- HTML5 / Przypisanie pola do formularza <button form, fieldset form, input form, object form, output form, select form, textarea form>
(interpretuje: Firefox 4, Opera 10, Chrome 10) Przycisk: <button form="identyfikator">...</button> Grupa pól formularza: <fieldset form="identyfikator">...</fieldset> Pole formularza: <input form="identyfikator"> Obiekt: <object form="identyfikator"></object> Dane wyjściowe: <output form="identyfikator">...</output> Lista rozwijalna: <select form="identyfikator">...</select> Obszar tekstowy: <textarea form="identyfikator">...</textarea> identyfikator Należy podać wartość...
- HTML5 / Tłumaczenie językowe <... translate>
...Często są one również wbudowane w przeglądarki internetowe lub system operacyjny. Jednak nie każdy fragment tekstu powinien być tłumaczony. Na przykład kod programu, zawierający instrukcję w języku angielskim, powinien zostać nietknięty przez aplikację tłumaczącą. Aby zabronić tłumaczenia tekstu, należy do elementu, który go obejmuje, przypisać atrybut translate="no".