The following tags are used throughout the page: h1, h2, h3, p, strong, em, sup,
ID: 3751089 • Letter: T
Question
The following tags are used throughout the page: h1, h2, h3, p, strong, em, sup, ul, ol, li, table, tr, td, and hr. Please make sure the links at the top link to the references at the bottom. To do this, give the target element (in this case an li) an id with a name. In the href of the a tag at the top of the page, you'll make the value "#name" where name is the value of the id attribute from the target element. It should look like similar to what's below:
<a href="#heading">Heading Link</a>.
<h2 id="heading">Heading Referenced above</h2>
The h2 has an id which is being used an an anchor for the a tag above it.
Lastly, attached is a text file with most of the text content on the page. Please use that so you don't have to manually type out every line for this assignment.
A Really Cool Page Some cool subtitle Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium lacinia neque in semper. Maecenas sit amet turpis eu odio bibendum sollicitudin in in sapien. Aenean dapibus vel ligula eget pretium, [] Pellentesque sed sagittis libero. Nam consequat consectetur ante, at fermentum enim tempus sit amet. Nam viverra orci ut rutrum luctus. Phasellus nibh erat, ultrices sed sagittis in, elementum sit amet libero. Vestibulum hendrerit enim sed risus facilisis consectetur Nunc ut augue interdum, tempor ipsum eu, vulputate mauris. Pellentesque eleifend ante tortor, ut scelerisque sapien scelerisque nec. Proin non leo at felis pretium gravida sit amet non lacus. Aenean dui elit, pharetra eget porta et, accumsan vitae lectus [21 Vivamus arcu lectus, imperdiet at venenatis eget, fringilla sed ligula. A Smaller Heading For This Really Cool Page Proin sit amet tristique felis. Proin in est augue. Phasellus sollicitudin nisl tempus vehicula tristique. Phasellus eu sapien mattis, luctus velit nec, posuere eros. Proin ex purus, posuere vel ligula in, ultrices feugiat magna. Proin ac metus egestas, pharetra augue accumsan, rhoncus neque Here's a list . This is fact #2 This is fact #3 The 3rd Smallest Heading For This Really Cool Page Name Age Email g Blah 25 Blahgail.com 4/5 Meh 26 Meh@gmail com 5/5 References: 1. Reference to an authoritative website, Retrieved 9/13/2018 2. Reference to an authoritative website. Retrieved 9/12/2018Explanation / Answer
HTML Code for above content
<!DOCTYPE html>
<html>
<head>
<title>A Really cool page</title> <!--Title to the web page -->
</head>
<body>
<h1>A Really cool page</h1> <!--Heading using h1 tag -->
<hr>
<br>
<strong>Some cool subtitle</strong> <!--Text using strong tag -->
<br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium <em>lacinia</em> neque in semper. Maecenas sit amet turpis eu odio bibendum sollicitudin in in sapien. Aenean dapibus <em>vel</em> ligula eget pretium.
<sup><a href="#ref1">[1]</a></sup> <!--Link given to id below for reference at bottom -->
Pellentesque sed sagittis libero. Nam consequat <a href="#">consectetur ante</a>, at fermentum enim tempus sit amet. Nam viverra orci ut rutrum luctus. Phasellus nibh erat, ultrices sed sagittis in, <a href="#">elementum</a> sit amet libero. Vestibulum hendrerit enim sed risus facilisis consectetur.</p>
<p>Nunc ut augue interdum, tempor ipsum eu, vulputate mauris. Pellentesque eleifend ante tortor, ut scelerisque sapien scelerisque nec. Proin non leo at felis pretium gravida sit amet non lacus. Aenean dui elit, pharetra eget porta et, accumsan vitae lectus.
<sup><a href="#ref2">[2]</a></sup> <!--Link given to id below for reference at bottom -->
Vivamus arcu lectus, imperdiet at venenatis eget, fringilla sed ligula.</p>
<h2>A Smaller Heading For This Cool Page</h2> <!--Heading 2 using h2 tag -->
<p>Proin sit amet tristique felis. Proin in est augue. Phasellus sollicitudin nisl tempus vehicula tristique. Phasellus eu sapien mattis, luctus velit nec, posuere eros. Proin ex purus, posuere vel ligula in, ultrices feugiat magna. Proin ac metus egestas, pharetra augue accumsan, rhoncus neque.</p>
<p>Here's a list:</p>
<ul> <!--Unordered list using ul tag -->
<li><a href="#">This is fact #1</a></li> <!--List items using li tag -->
<li>This is fact #2</li>
<li>This is fact #3</li>
</ul>
<hr>
<h3>The 3rd Smallest Heading For This Really Cool Page</h3> <!--Heading using h3 tag -->
<table> <!--Table using <table> tag -->
<tr>
<td><strong>Name</strong></td>
<td><strong>Age</strong></td>
<td><strong>Email</strong></td>
<td><strong>Rating</strong></td>
</tr>
<tr>
<td>Blah</td>
<td>25</td>
<td><a href="#">Blah @mail.com</a></td>
<td>4/5</td>
</tr>
<tr>
<td>Meh</td>
<td>26</td>
<td><a href="#">Meh @mail.com</a></td>
<td>5/5</td>
</tr>
</table>
<h3>References:</h3> <!--References -->
<hr>
<ol> <!--Ordered list -->
<li id="ref1"><a href="#">Reference to an authoriative website.</a> Retrieved 9/13/2018</li> <!--ID given to li for reference link at top -->
<li id="ref2"><a href="#">Reference to an authoriative website.</a> Retrieved 9/12/2018</li> <!--ID given to li for reference link at top -->
</ol>
</body>
</html>
Thank you,
With regards.
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.