lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

webIntroHtmlChapter2Title

webIntroHtmlChapter1Title

webIntroHtmlChapter3Title

webIntroHtmlChapter4Title

# a Tag

The `<a>` tag creates a `hyperlink` that allows users to navigate to another page.

Here, `a` stands for `Anchor` and plays a fundamental role in structuring content based on links within the web ecosystem.

 

## Key Attributes of the a Tag

The `<a>` tag commonly uses the `href`, `target`, and `rel` attributes.

 

- `href`: Specifies the URL of the page the link goes to

```html title="Using the a tag"
<a href="https://www.webpal.com">Visit WebPal</a>
```

 

- `target`: Specifies how to open the linked document. Using `target="_blank"` makes the page open in a new window or tab.

```html title="Open WebPal in a new window"
<a href="https://www.webpal.com" target="_blank">Visit in a new window</a>
```

 

- `rel`: Specifies the relationship between the current page and the linked document. When using `target="_blank"`, it's recommended to use `rel="noopener noreferrer"` for security purposes, indicating that the new page has no relationship to the current page.

```html title="Using the rel attribute"
<a href="https://www.webpal.com" target="_blank" rel="noopener noreferrer"
 >Securely visit in a new window</a
>
```

 

## How to Use the a Tag

The `<a>` tag can be used as follows:

 

### 1. External Website Links

Navigate to an external website upon clicking. Typically, when linking to an external site, `target="_blank"` is used to open it in a new window.

```html title="Go to External Link"
<a href="https://example.com" target="_blank">Example Website</a>
```

 

### 2. Navigate to Another Section within the Document

You can move to another section within the same page that is specified by an id (#).

```html title="Internal Document Navigation"
<a href="#section2">Go to Section 2</a>
```

The `<a>` tag creates a link to another page. The 'a' stands for 'Anchor' and is an important navigation element in web pages.

### The `<a>` tag is used to create a link to another page.

a Tag

Key Attributes of the a Tag

How to Use the a Tag

1. External Website Links

2. Navigate to Another Section within the Document

The <a> tag is used to create a link to another page.

The `<a>` tag is used to create a link to another page.