Ejercicio P2P opcional #2

Como se puede ver el árbol es extenso, pero no muy profundo y revisando las relaciones de cada etiqueta individualmente parece la mejor política...

<!doctype html> - Este elemento no estaba seguro si ponerlo o no, debido a que es sólo una declaración (básicamente esta etiqueta sólo indica que el documento es un Documento HTML5). Con respecto al árbol, éste elemento es el ancestor superior del documento y parent de <html>.
<html> - El elemento principal, Inicio y final del Documento, si no se cuenta el elemento anterior se vuelve el ancestor superior de nuestro documento. Contando <!doctype html> el elemento se vuelve child de <!doctype> mientras que es directamente parent de <head> y <body>
<head> - Éste elemento viene siendo descendant de <!doctype> y <html>, child de <html>, silbing de <body> y parent de <meta charset utf-8> y <title>
<meta charset utf-8> - Este elemento es descendant de <!doctype html>,<html> y <head>. también es child de <head> y sibling de <title>.
<title> - Igual que <meta charset="utf-8">, <title> es descendant de <!doctype html>,<html> y <head>. también es child de <head> y sibling de <meta charset="utf-8">.
<body> - Ah el elemento principakl de nuestro html.... todo elemento visible aparece en él, aún asi sus relaciones de árbol son:
descendant de <!doctype html> y <html>. child de <html>. sibling de <head>. ancestor de <header>, <img>, <nav>, <ul>, <li>(1), <li>(2), <li>(3), <article>, <h1>, <p> y <footer> parent de <header>, <nav>, <article> y <footer>.
<header> - <header> es el ancestor y parent de <img>, descendant y child de <body>, sibling de <nav>, <article> y <footer> y descendant de <!doctype html>, <html> y <body>.
<img> - es el child y descendant de <header> y descendant de <!doctype html>, <html> y <body>.
<nav> - <nav> es el ancestor y parent de <ul>, ancestor de <li> (1),<li> (2), y <li> (3), descendant y child de <body> y descendant de <!doctype html>, <html> y <body>.
<ul> - Es el descendant de <!doctype html>, <html> y <body>, descendant y child de <nav> y parent de <li> (1), <li> (2) y <li> (3).
<li> (1) - Es el descendant de <!doctype html>, <html>, <body> y <nav>, descendant y child de <ul> y sibling de <li> (2) y <li> (3).
<li> (2) - Es el descendant de <!doctype html>, <html>, <body> y <nav>, descendant y child de <ul> y sibling de <li> (1) y <li> (3).
<li> (3) - Es el descendant de <!doctype html>, <html>, <body> y <nav>, descendant y child de <ul> y sibling de <li> (1) y <li> (2).
<article> - descendant de <!doctype html> y <html>, descendant y child de <body> y parent de <h1> y <p>.
<h1> - descendant de <!doctype html>, <html> y <body>, descendant y child de <article> y sibling de <p>.
<p> - descendant de <!doctype html>, <html> y <body>, descendant y child de <article> y sibling de <h1>
<footer> - descendant de <!doctype html> y <html>, descendant y child de <body>.