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