From d2c2fa0ce61046b5aae2f7f9566dc7dbd661dc2e Mon Sep 17 00:00:00 2001 From: barrettfett <42304168+barrettfett@users.noreply.github.com> Date: Wed, 7 Nov 2018 14:34:24 -0500 Subject: [PATCH] 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 --- guide/english/html/attributes/links/index.md | 25 ++++++++++++++++---- 1 file changed, 21 insertions(+), 4 deletions(-) diff --git a/guide/english/html/attributes/links/index.md b/guide/english/html/attributes/links/index.md index 8856d2b33f..bd10d71437 100644 --- a/guide/english/html/attributes/links/index.md +++ b/guide/english/html/attributes/links/index.md @@ -11,23 +11,40 @@ You use an anchor element/tag `` to define your link, which also needs a dest ```html Link Text ``` + +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 `` tag. + Here's a snippet that makes the phrase 'The freeCodeCamp Guide' a link: + ```html The freeCodeCamp Guide ``` + 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 `` 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 `` tag: + ```html Link Text ``` -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 The freeCodeCamp Guide ``` + +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 `