мое новое расписание: пн-пт с 8.00 по 16.00 по москве, сб и вс - выходные; после 16.00 и на вых. отвечаю по возможности

Родственные связи тегов

В данном уроке мы с вами разберем терминологию родственных связей тегов. Каждый тег, в зависимости от положения в HTML коде может быть либо родителем, либо потомком, либо и тем и другим одновременно.

Рассмотрим для примера следующий код:

<ul> <li>пункт <i>курсив</i></li> <li>пункт <i>курсив</i></li> <li>пункт <i>курсив</i></li> <li>пункт <i>курсив</i></li> </ul>

В данном случае мы можем сказать, что теги i в этом коде являются потомками тегов li, а также являются потомками тега ul. При этом для каждого нашего тега i тег li является непосредственным родителем (отцом), а тег ul - дедушкой.

Что можно сказать про наши теги li? Они являются потомками тега ul и при этом сами являются родительскими для тегов i. Ну, а тег ul является родителем тегам li и тегам i. При этом для тегов li наш тег ul - непосредственный родитель.

Дан следующий код:

<ul> <li>текст <a href="">ссылка</i></li> <li>текст <a href="">ссылка</i></li> <li>текст <a href="">ссылка</i></li> <li>текст <a href=""><b>жирная ссылка</b></a></li> </ul>

Расскажите какие родительские связи вы видите.

Дан следующий код:

<table> <tr> <td>ячейка 1</td> <td>ячейка 2</td> <td>ячейка 3</td> </tr> <tr> <td>ячейка 4</td> <td>ячейка 5</td> <td>ячейка 6</td> </tr> <tr> <td>ячейка 7</td> <td>ячейка 8</td> <td>ячейка 9</td> </tr> </table>

Расскажите какие родительские связи вы видите.

Дан следующий код:

<p> текст абзаца <i><b>жирный курсив</b></i> <a href="">ссылка <i>курсив</i></a> </p>

Какие потомки есть у абзаца? Какие непосредственные потомки есть у абзаца?

Дан следующий код:

<p> <a href="">ссылка <i><b>жирный курсив</b></i></a> </p>

Расскажите, какие родители есть у тега b. Кто является его непосредственным родителем?