Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Challenge: Create Links to Popular Websites | Section
HTML for Frontend Development

Challenge: Create Links to Popular Websites

Swipe to show menu

Goal

Create a captivating web page featuring an unordered list (<ul>) with links (<a>) to three popular websites. The magic lies in ensuring these links open in new tabs when clicked, enhancing the user experience and allowing them to explore each destination effortlessly.

Task

Use the following elements to create an exciting web discovery experience:

  1. Create an unordered list with three items using a <ul> element.
  2. Each list item should contain a link (<a>) to a popular website and its name.
  3. The list should contain the following items:
    • "Apple" - Link to Apple's website: https://www.apple.com/;
    • "Amazon" - Link to Amazon's website: https://www.amazon.com/;
    • "Netflix" - Link to Netflix's website: https://www.netflix.com/.
index.html

index.html

Hint
expand arrow
  1. Use the <ul> tag to create an unordered list;
  2. Use the <li> tag to create list items for each website link;
  3. Use the <a> tag to create links and specify the website URL using the href attribute;
  4. To make the links open in new tabs, include the target="_blank" attribute inside the <a> tag.
Solution
expand arrow
<ul>
  <li>
    <a href="https://www.apple.com/" target="_blank">Apple</a>
  </li>
  <li>
    <a href="https://www.amazon.com/" target="_blank">Amazon</a>
  </li>
  <li>
    <a href="https://www.netflix.com/" target="_blank">Netflix</a>
  </li>
</ul>
Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 1. Chapter 12

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Section 1. Chapter 12
some-alt