refactor(link): move link in new tab from in-line HTML to quarto using {target="_blank"} instead (as that's simpler)

Author: amyheather

pages/inline_html.qmd

@@ -4,8 +4,7 @@ title: Inline HTML
 
 Web pages are written in **HTML** (HyperText Markup Language), which uses tags like `<p>`, `<a>`, and `<strong>` to describe how things should look.
 
-In a Markdown document, you can sometimes mix in small pieces of HTML.  
-This is called **inline HTML**: you add a tiny HTML tag inside a sentence, and Quarto keeps it when it turns your page into HTML.
+In a Markdown document, you can sometimes mix in small pieces of HTML. This is called **inline HTML**: you add a tiny HTML tag inside a sentence, and Quarto keeps it when it turns your page into HTML.
 
 **Caveat:** raw HTML is only kept when the output format supports it (for example, HTML pages). Some tags may be dropped or ignored when rendering to PDF or Word.
 
@@ -61,35 +60,6 @@ Press <kbd>Ctrl</kbd> + <kbd>C</kbd>.
 
 :::
 
-## Custom links
-
-If you want more control over a link (for example, to open it in a new tab), you can write it in HTML instead of plain Markdown.
-
-In the HTML link below:
-
-* `href` is the web address you are linking to.
-* The text between `<a>` and `</a>` is what the reader clicks on.
-* `target="_blank"` tells the browser to open the link in a new tab.
-* `rel="noopener"` is a small security and performance setting that stops the new page from being able to control the original tab.
-
-```markdown
-<a href="https://www.exeter.ac.uk" target="_blank" rel="noopener">
-  Visit the University of Exeter website
-</a>
-```
-
-<a href="https://www.exeter.ac.uk" target="_blank" rel="noopener">
-  Visit the University of Exeter website
-</a>
-
-::: {.pale-blue}
-
-**Task:** In `html.qmd`:
-
-* [ ] Create a link that opens in a new tab by default.
-
-:::
-
 ## Abbreviations
 
 You can explain abbreviations by using the `<abbr>` tag with a `title` attribute.

pages/quarto_features.qmd

@@ -306,6 +306,28 @@ By default, columns share the space equally. You can control their width by addi
 
 :::
 
+## Link that opens in a new tab by default
+
+You'll recall from the [Markdown](markdown.qmd) page that we can create a link using `[text](link)`.
+
+In Quarto, we can amend the link so it opens in a new tab by default by adding `{target="_blank"}` to the end.
+
+For example:
+
+```markdown
+[Visit the University of Exeter website](https://www.exeter.ac.uk){target="_blank"}
+```
+
+[Visit the University of Exeter website](https://www.exeter.ac.uk){target="_blank"}
+
+::: {.pale-blue}
+
+**Task:** In `quarto_features.qmd`:
+
+* [ ] Create a link that opens in a new tab by default.
+
+:::
+
 ## Footnotes {#sec-footnotes}
 
 ```markdown