Title:
HTML Hyperlinks Worksheet
Updated:
September 11, 2023
Task/Activity:
- Hyperlinks Questions
- Coding Problems
- Create a link to the default page of the web-programming folder of this site (it's the index.html file in the web-programming folder).
- Create a link to any website, but make it open in a new browser tab (set the target attribute to '_blank')
- Why would we want to open a link in a new browser tab?
So that the user can keep a tab open on the current page as well as the linked page simultaneously.
- What is 'bread crumb navigation'? And what are some advantages that it offers to users of a web site?
It is a graphical element that displays the address of what the user is looking at. For example, within File Explorer, it'll tell you where you are at the top of the screen.
- Create a list that looks like this:
1. Facebook
2. Google
3. Web Programming
⚬ HTML
⚬ CSS
⚬ JavaScript
-
The first item in the list should include a hyperlink that links to https://www.facebook.com.
The link should open in a new browser tab.
-
The second item in the list should include a hyperlink that links to https://www.google.com.
The link should open in a new browser tab.
-
Within the Web Programming list item, add a nested list, which displays the following items (as shown above): HTML, CSS, and JavaScript.
For each item in the nested list, add a link to the appropriate H3 element below.
Note that you'll have to add an ID attribute to each H3 element so that you can link to it. //Check Source