HTML5 - HTML
Powtórka
Sprawdź, czy pamiętasz, za co odpowiadają poniższe fragmenty kodu źródłowego HTML. W razie wątpliwości kliknij odnośnik "Zobacz więcej..." pod wybraną grupą przykładów.
Sprawdź, czy pamiętasz, za co odpowiadają poniższe fragmenty kodu źródłowego HTML. W razie wątpliwości kliknij odnośnik "Zobacz więcej..." pod wybraną grupą przykładów.
<section>...</section>
<article>...</article>
<aside>...</aside>
<hgroup> <h1>tytuł</h1> <p>podtytuł</p> </hgroup>
<hgroup> <h2>tytuł</h2> <p>podtytuł</p> </hgroup>
<hgroup> <h3>tytuł</h3> <p>podtytuł</p> </hgroup>
<hgroup> <h4>tytuł</h4> <p>podtytuł</p> </hgroup>
<hgroup> <h5>tytuł</h5> <p>podtytuł</p> </hgroup>
<hgroup> <h6>tytuł</h6> <p>podtytuł</p> </hgroup>
<header>...</header>
<footer>...</footer>
<nav>...</nav>
<figure>...</figure>
<figure> <figcaption>...</figcaption> </figure>
<main>...</main>
<search>...</search>
<mark>...</mark>
<time>data/czas</time> <time datetime="data/czas">...</time>
<wbr>
<picture> <source srcset="lokalizacja pliku w formacie 1" type="format 1"> <source srcset="lokalizacja pliku w formacie 2" type="format 2"> (...) <img src="lokalizacja pliku w formacie podstawowym" alt="Tekst alternatywny"> </picture>
<picture> <source srcset="lokalizacja pliku 1" media="zapytanie mediów 1"> <source srcset="lokalizacja pliku 2" media="zapytanie mediów 2"> (...) <img src="lokalizacja pliku podstawowego" alt="Tekst alternatywny"> </picture>
<video src="lokalizacja pliku">Treść alternatywna</video>
<audio src="lokalizacja pliku">Treść alternatywna</audio>
<video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) Treść alternatywna </video>
<audio> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) Treść alternatywna </audio>
<video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) <track src="napisy.vtt" default> (...) Treść alternatywna </video>
<input list="identyfikator"> <datalist id="identyfikator"> <option value="wartość1"> <option value="wartość2"> ... </datalist>
<progress>alternatywa</progress>
<progress value="współczynnik">alternatywa</progress> <progress value="wartość" max="maksimum">alternatywa</progress>
<meter value="współczynnik">alternatywa</meter>
<meter value="wartość" min="minimum" max="maksimum">alternatywa</meter>
<meter value="współczynnik" low="niski" high="wysoki">alternatywa</meter> <meter value="wartość" min="minimum" max="maksimum" low="niska" high="wysoka">alternatywa</meter>
<meter value="współczynnik" low="niski" high="wysoki" optimum="optymalny">alternatywa</meter> <meter value="wartość" min="minimum" max="maksimum" low="niska" high="wysoka" optimum="optymalna">alternatywa</meter>
<details> <summary>nagłówek</summary> ... </details>
<details open> <summary>nagłówek</summary> ... </details>
<input type="typ">
<input type="typ" min="minimum" max="maksimum" step="krok">
<input type="typ" multiple>
<link rel="preload" as="rodzaj" type="typ" href="lokalizacja">
<input type="typ" autocapitalize="kapitalizacja">
<textarea autocapitalize="kapitalizacja">...</textarea>
<element contenteditable="true" autocapitalize="kapitalizacja">...</element>
<script src="lokalizacja" async></script>
<form autocomplete="autouzupełnianie">...</form>
<input type="typ" autocomplete="autouzupełnianie">
<select autocomplete="autouzupełnianie">...</select>
<textarea autocomplete="autouzupełnianie">...</textarea>
<element autofocus>
<element autofocus>...</element>
<link rel="stylesheet" href="style.css" blocking="render">
<script blocking="render"></script>
<style blocking="render">...</style>
<meta charset="utf-8">
<element contenteditable>...</element>
<element contenteditable="edycja">...</element>
<audio src="lokalizacja" crossorigin="uwierzytelnienie"></audio>
<img src="lokalizacja" crossorigin="uwierzytelnienie">
<link href="lokalizacja" crossorigin="uwierzytelnienie">
<script src="lokalizacja" crossorigin="uwierzytelnienie"></script>
<video src="lokalizacja" crossorigin="uwierzytelnienie"></video>
<element data-nazwa>
<element data-nazwa="wartość">
<element data-nazwa>...</element>
<element data-nazwa="wartość">...</element>
<img src="lokalizacja" decoding="dekodowanie">
<fieldset disabled>...</fieldset>
<a href="lokalizacja" download>...</a>
<a href="lokalizacja" download="nazwa">...</a>
<area href="lokalizacja" download>
<area href="lokalizacja" download="nazwa">
<element draggable="przeciąganie">
<element draggable="przeciąganie">...</element>
<input type="typ" enterkeyhint="zatwierdzenie">
<textarea enterkeyhint="zatwierdzenie">...</textarea>
<element contenteditable="true" enterkeyhint="zatwierdzenie">...</element>
<img src="lokalizacja" fetchpriority="priorytet">
<link href="lokalizacja" fetchpriority="priorytet">
<script src="lokalizacja" fetchpriority="priorytet"></script>
<button form="identyfikator">...</button>
<fieldset form="identyfikator">...</fieldset>
<input form="identyfikator">
<object form="identyfikator"></object>
<output form="identyfikator">...</output>
<select form="identyfikator">...</select>
<textarea form="identyfikator">...</textarea>
<button formaction="akcja">...</button>
<button formenctype="kodowanie">...</button>
<button formmethod="metoda">...</button>
<button formnovalidate>...</button>
<button formtarget="cel">...</button>
<input type="typ" formaction="akcja">
<input type="typ" formenctype="kodowanie">
<input type="typ" formmethod="metoda">
<input type="typ" formnovalidate>
<input type="typ" formtarget="cel">
<element hidden>...</element>
<element hidden="stan">...</element>
<element inert>
<element inert>...</element>
<input inputmode="tryb">
<textarea inputmode="tryb">...</textarea>
<element contenteditable="true" inputmode="tryb">...</element>
<iframe src="lokalizacja" loading="tryb"></iframe>
<img src="lokalizacja" loading="tryb">
<input minlength="minimum" maxlength="maksimum">
<textarea minlength="minimum" maxlength="maksimum">...</textarea>
<form novalidate>...</form>
<input pattern="wzorzec">
<input placeholder="podpowiedź">
<textarea placeholder="podpowiedź">...</textarea>
<element id="identyfikator" popover> ... <button type="button" popovertarget="identyfikator" popovertargetaction="hide">Zamknij</button> </element> <button type="button" popovertarget="identyfikator">Otwórz/Zamknij</button>
<element id="identyfikator" popover="tryb">...</element> <button type="button" popovertarget="identyfikator" popovertargetaction="akcja">...</button>
<element id="identyfikator" popover> ... <input type="button" value="Zamknij" popovertarget="identyfikator" popovertargetaction="hide"> </element> <input type="button" value="Otwórz/Zamknij" popovertarget="identyfikator" popovertargetaction="akcja">
<element id="identyfikator" popover="tryb">...</element> <input type="button" value="..." popovertarget="identyfikator" popovertargetaction="akcja">
<input type="typ" required>
<select required>...</select>
<textarea required>...</textarea>
<ol reversed>...</ol>
<iframe sandbox></iframe>
<iframe sandbox="pozwolenia"></iframe>
<iframe srcdoc='kod'></iframe>
<iframe srcdoc="kod"></iframe>
<input spellcheck>
<input spellcheck="pisownia">
<textarea spellcheck>...</textarea>
<textarea spellcheck="pisownia">...</textarea>
<element contenteditable="true" spellcheck>...</element>
<element contenteditable="true" spellcheck="pisownia">...</element>
<element translate>...</element>
<element translate="tłumaczenie">...</element>
<input type="image" src="lokalizacja" width="szerokość" height="wysokość">
<textarea wrap="zawijanie">...</textarea>