Create a HTML page with the following:

Add a header section to your page and place some navigational links in it. The links do not have to be valid URLs. Make the URLs relative.

Add 5 paragraphs of text

Within each paragraph place 3 links. The href attribute value for each should have an absolute link to sites of your choice. You will have 15 links in total.

Each link should also contain a title attribute with a value

Add 5 images to your page. It doesnt matter where on the page they are. The src attribute for your images should point to random images located on the web. Include an alt attribute and ensure that some value is set for it.

Now add two blocks of text using the blockquote element. Each blockquote should have 3-5 sentences.

Create an empty div that has the id of summary

Place a footer on the page and put some content in it.

Now that the HTML file is made, use jQuery to accomplish the following:

Use jQuery to collect all of the links and display the links and their associated href and titles in the summary div. Display them using an unordered list and also add Links On This Page before you display the list. The links do not need to be active HTML links.

Use jQuery to collect all of the images and display their src and alt attribute values. Do this as well in a list. Display them using an unordered list and also add Images On This Page before you display the list. You should then append this to the HTML generated for the links in the step above.

Use jQuery to collect the text of each of the blockquotes and display the text below the ordered list of image attributes created in the prior step. Display them using an unordered list and also add Quotes on This Page before you display the list. You should then append this to the HTML generated for the links in the step above.

Lastly, place a button on the page that allows the user to manually regenerate summary information.