Zawartość osadzona

Do kategorii zawartość osadzona należą przede wszystkim elementy HTML, które mogą reprezentować różne typy zasobów internetowych, które możemy osadzić (umieścić) w treści, którą ma reprezentować zawartość znajdująca się w części BODY dokumentu HTML.

Przykład:

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Moje ulubione rzeczy</title>
  </head>
  <body>

    <h1>Mój blog</h1>

    <article>
      <h1>Mój ulubiony kwiat</h1>
      <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
      <p>Ponieważ róża to symbol miłości.</p>
    </article>

    <article>
      <h1>Mój ulubiony kolor</h1>
      <p>Moim ulubionym kolorem jest kolor <b>błękitny</b>.</p>
      <p>Ponieważ błękitny to kolor nieba.</p>
    </article>

  </body>
</html>

Rezultat:

Po wyświetleniu w oknie przeglądarki internetowej treści reprezentowanej przez zawartość naszej przykładowej struktury HTML, użytkownik może dowiedzieć się między innymi o tym, że naszym ulubionym kwiatem jest róża. Aby nieco bardziej uzmysłowić użytkownikowi, jak wygląda nasz ulubiony kwiat możemy (na przykład za pomocą elementu img) osadzić (umieścić) zdjęcie róży w treści reprezentowanej przez zawartość naszej przykładowej struktury HTML.

Przykład:

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Moje ulubione rzeczy</title>
  </head>
  <body>

    <h1>Mój blog</h1>

    <article>
      <h1>Mój ulubiony kwiat</h1>
      <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
      <img src="(link do zdjęcia)" alt="zdjęcie róży">
      <p>Ponieważ róża to symbol miłości.</p>
    </article>

    <article>
      <h1>Mój ulubiony kolor</h1>
      <p>Moim ulubionym kolorem jest kolor <b>błękitny</b>.</p>
      <p>Ponieważ błękitny to kolor nieba.</p>
    </article>

  </body>
</html>

Rezultat:

Od tej pory po wyświetleniu w oknie przeglądarki internetowej treści reprezentowanej przez zawartość naszej przykładowej struktury HTML możemy zauważyć pewną zmianę. Wspomnianą zmianą jest zdjęcie róży, które zostało osadzone (umieszczone) w naszej przykładowej treści za pomocą elementu img.

O pozostałych elementach HTML należących do kategorii zawartość osadzona powiemy sobie znacznie później.

PreviousEdycjaNextTabela

Last updated