Create a simple DOM hierarchy representing the mark$-$up found in DOM$\_$Assignment.html$.$

DO NOT USE THE MARKUP YOUR CREATED FOR TASK #$1-$ use the provided DOM$\_$Assignment.html file.

You may find it helpful to modify the layout of the code to help you understand the DOM relationships. You can use Visio or a similar program to create this file $-$ or you can create a hand drawn version. When submitting a hand drawn version, take a picture of the diagram using your phone and submit that.

NOTE: I am only interested in you creating the hierarchy for the elements $-$ you do not have to detail the text content.

Once you have completed your hierarchy, answer the following question. Your answers should be in terms of the relationships that we discussed in class $($parent$,$ child, sibling, ancestor, descendent$).$ Use the relationship that is most accurate $($i$.$e$.$ A parent would be more accurate than an ancestor$)$

What is the relationship between the main heading and the footer?

$-$What is the relationship between the anchor elements and the article?

What is the relationship between the em and the article?

What is the relationship between the two articles?

What is the relationship between the first occurrence of an $h2($What are you doing?$)$ and the second occurrence of a p element $($This is$...)?$