---

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

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

Рассмотрим для примера следующий код:
<ul>
	<li>paragraph <i>italic</i></li>
	<li>paragraph <i>italic</i></li>
	<li>paragraph <i>italic</i></li>
	<li>paragraph <i>italic</i></li>
</ul>

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

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


 Дан следующий код:
<ul>
	<li>text <a href="">link</a></li>
	<li>text <a href="">link</a></li>
	<li>text <a href="">link</a></li>
	<li>text <a href=""><b>bold link</b></a></li>
</ul>

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

ul является родителем для li, a, b
li родитель для тегов a, b является родителем, а тег ul для a непосредственным родителем(отцом), а также li является потомками тегов ul, a, b
тег a в свою очередь родитель тегу b, а ul, li является для a, непосредственными родителями и потомками
тег b имеет непосредственных родителей a, li, ul, а они в свою очередень потомки