share_icon.pngfacebook_bw_icon.pngtwitter_bw_icon.pnginstagram_bw_icon.png
LEVEL 11
Leave this field empty
17 May 2011
Pin It

How to Pass Level 11: Creating Links in HTML

Step 1: Watch the Chapter on URL Paths


- Make sure you understand the difference between **Absolute URLs** (full web addresses) and **Relative URLs** (paths to files in your folder).

---

Step 2: Create 3 Links to External Websites (Absolute URLs)


- Use the `` tag to create a link.
- For the `href` attribute, use the full URL of the external website (this is an **Absolute URL**).
- Add the text you want to display as the link between the opening `
` and closing `` tags.

 

 

**Example Code:**
```html
Visit Google
Visit Wikipedia
Visit YouTube
```

---

 

 

 

Step 3: Create 2 Links to Local HTML Pages in Your Folder** (Relative)

 

- Use the `` tag again.
- For the `href` attribute, specify the path to the HTML file in your folder (this is a **Relative URL**).
- If the files are in the same folder as your current HTML file, just use the file name (e.g., `page1.html`).

 

These page1.html are examples, you need to title them to match your index files!

 

**Example Code:**
```html
Go to Page 1
Go to Page 2
```

 

How to Pass Level 11

External Links (Absolute URLs)


Visit Google

Visit Wikipedia

Visit YouTube

 

Local Links (Relative URLs)


Go to Page 1

Go to Page 2


```

Key Points to Remember

 


Absolute URLs** always include the full website address (e.g., `https://www.google.com`).

 

Relative URLs** are used for files in your folder and depend on the file location (e.g., `page1.html`).

---

Let me know if you need more help! 😊

 

 

 

 

 

 

 

 

 

Leave a comment: