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

В данном уроке мы с вами разберем терминологию родственных связей тегов. Каждый тег, в зависимости от положения в 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="">ссылка</a></li> <li>текст <a href="">ссылка</a></li> <li>текст <a href="">ссылка</a></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`. Кто является его непосредственным родителем?

←→
↑