Hyperlinks Worksheet

Question 1

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).

Web Programming Home
Question 2

Create a link to any website, but make it open in a new browser tab (set the target attribute to '_blank')

Visit Example.com
Question 3

Why would we want to open a link in a new browser tab?

Opening a link in a new browser tab allows users to keep their current page open while exploring the linked content. This prevents them from losing their place on the original page and makes multitasking easier. It also provides a better user experience by allowing them to quickly switch back to the original content without having to navigate back.
Question 4

Research 'bread crumb navigation'. Explain what it is and what are some advantages that it offers to users of a web site?

Breadcrumb navigation is a secondary navigation system that shows users the hierarchical path they have taken to reach a particular page on a website. It typically appears at the top of a page, displaying links to previous pages or sections. Advantages of breadcrumb navigation: Enhanced User Experience: It helps users understand their location within the website's hierarchy, making it easier to navigate back to previous pages. Improved Navigation: Users can quickly access higher-level pages without using the back button or main navigation menu. Reduced Bounce Rates: Breadcrumbs encourage users to explore more of the website, potentially reducing bounce rates by providing easy access to other relevant content. SEO Benefits: Breadcrumbs can improve a website's search engine optimization (SEO) by providing clear, contextual links that search engines can crawl and index.
Coding Problem

Create a list that looks like this: 

         
          
    
            
  1.  Google
    2. 
            
  2.  Facebook
    3. 
            
  3. Web Programming
              
            
    4. 
          

          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.

Interactive List

HTML

HTML stands for HyperText Markup Language, and it structures web pages.

CSS

CSS stands for Cascading Style Sheets and is used for designing web pages.

JavaScript

JavaScript is a programming language for making web pages interactive.