Add other values of the target attribute (#20989)
* Add other values of the target attribute "_self" "_parent" "_top" _"targetframe" * fixed grammar and formatting issues * additional formatting corrections
This commit is contained in:
@ -11,23 +11,40 @@ You use an anchor element/tag `<a>` to define your link, which also needs a dest
|
||||
```html
|
||||
<a href="url">Link Text</a>
|
||||
```
|
||||
|
||||
The target attribute can be used to tell the browser where to open the link. If you'd like your link to open in a new tab, you can use the `target` attribute along with the `_blank` value inside your opening `<a>` tag.
|
||||
|
||||
Here's a snippet that makes the phrase 'The freeCodeCamp Guide' a link:
|
||||
|
||||
```html
|
||||
<a href="https://guide.freecodecamp.org">The freeCodeCamp Guide</a>
|
||||
```
|
||||
|
||||
The link ends up looking like this: [The freeCodeCamp Guide](https://guide.freecodecamp.org)
|
||||
|
||||
### Links in a New Tab
|
||||
If you'd like your link to open in a new tab, you'll use the `target` attribute along with the `"_blank"`
|
||||
value inside your opening `<a>` tag. That looks like this:
|
||||
### `target` Attribute
|
||||
|
||||
**Opening a page in a new tab**
|
||||
|
||||
If you'd like your link to open in a new tab, you'll use the `target` attribute along with the `_blank`
|
||||
value inside your opening `<a>` tag:
|
||||
|
||||
```html
|
||||
<a href="url" target="_blank">Link Text</a>
|
||||
```
|
||||
Here is another example, using the official freeCodeCamp Guide as the `href=""` destination, and "The freeCodeCamp Guide" as the link text:
|
||||
Another example, using the official freeCodeCamp Guide as the `href=""` destination, and "The freeCodeCamp Guide" as the link text:
|
||||
|
||||
```html
|
||||
<!-- target="_blank" makes the link open in a new tab. -->
|
||||
<a href="https://guide.freecodecamp.org" target="_blank">The freeCodeCamp Guide</a>
|
||||
```
|
||||
|
||||
Other values of the target attribute include:
|
||||
- `_self` to open the linked document in the same frame
|
||||
- `_parent` to open it in the parent frame
|
||||
- `_top` opens the linked document in the full body of the window
|
||||
- `_targetframe` opens the linked document in a named targetframe
|
||||
|
||||
### Links on the Same Page
|
||||
When you need to guide users to a specific part of your webpage, let's assume the very bottom, you first need to create an html element with an `#id` that you want direct your user to - in this case the `<footer>` at the bottom of the webpage. For example:
|
||||
```html
|
||||
|
Reference in New Issue
Block a user