Inline HTML

Web pages are written in HTML (HyperText Markup Language), which uses tags like , <a>, and  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.

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.

1 Line break

You can insert a line break using  .

First part of the sentence.<br>Second part on a new line.

Task: In html.qmd:

Write a short sentence, then use   to put a second short sentence on the next line with a line break between them.

2 Small text

You can make a small “fine print” style note using the  tag.

This is <small>small print</small>.

This is small print.

Task: In html.qmd:

Add a normal sentence and then make one short phrase look like small print using  ... .

3 Keyboard keys

The <kbd> tag is often used to show keys that the user should press on the keyboard.

Press <kbd>Ctrl</kbd> + <kbd>C</kbd>.

Press Ctrl + C.

Task: In html.qmd:

Write one instruction that shows a keyboard shortcut using <kbd> (for example, Ctrl + S to save).

4 Abbreviations

You can explain abbreviations by using the <abbr> tag with a title attribute. When someone hovers over it in a browser, they see the full phrase.

<abbr title="Randomised Controlled Trial">RCT</abbr>

RCT

Alternatively, you can use footnotes ?@sec-footnotes to explain the term.

Task: In html.qmd:

Pick one abbreviation you use in your own work (for example, “NHS” or “A&E”) and write it with an <abbr> tag and a helpful title.