@@ -279,8 +279,7 @@ <h1 class="title">Inline HTML</h1>
279279
280280
281281< p > Web pages are written in < strong > HTML</ strong > (HyperText Markup Language), which uses tags like < code > <p></ code > , < code > <a></ code > , and < code > <strong></ code > to describe how things should look.</ p >
282- < p > In a Markdown document, you can sometimes mix in small pieces of HTML.< br >
283- This is called < strong > inline HTML</ strong > : you add a tiny HTML tag inside a sentence, and Quarto keeps it when it turns your page into HTML.</ p >
282+ < p > In a Markdown document, you can sometimes mix in small pieces of HTML. This is called < strong > inline HTML</ strong > : you add a tiny HTML tag inside a sentence, and Quarto keeps it when it turns your page into HTML.</ p >
284283< p > < strong > Caveat:</ strong > 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.</ p >
285284< section id ="line-break " class ="level2 " data-number ="1 ">
286285< h2 data-number ="1 " class ="anchored " data-anchor-id ="line-break "> < span class ="header-section-number "> 1</ span > Line break</ h2 >
@@ -317,31 +316,10 @@ <h2 data-number="3" class="anchored" data-anchor-id="keyboard-keys"><span class=
317316</ ul >
318317</ div >
319318</ section >
320- < section id ="custom-links " class ="level2 " data-number ="4 ">
321- < h2 data-number ="4 " class ="anchored " data-anchor-id ="custom-links "> < span class ="header-section-number "> 4</ span > Custom links</ h2 >
322- < p > 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.</ p >
323- < p > In the HTML link below:</ p >
324- < ul >
325- < li > < code > href</ code > is the web address you are linking to.</ li >
326- < li > The text between < code > <a></ code > and < code > </a></ code > is what the reader clicks on.</ li >
327- < li > < code > target="_blank"</ code > tells the browser to open the link in a new tab.</ li >
328- < li > < code > rel="noopener"</ code > is a small security and performance setting that stops the new page from being able to control the original tab.</ li >
329- </ ul >
330- < div class ="code-copy-outer-scaffold "> < div class ="sourceCode " id ="cb4 "> < pre class ="sourceCode markdown code-with-copy "> < code class ="sourceCode markdown "> < span id ="cb4-1 "> < a href ="#cb4-1 " aria-hidden ="true " tabindex ="-1 "> </ a > < span class ="dt "> <</ span > < span class ="kw "> a</ span > < span class ="ot "> href</ span > < span class ="op "> =</ span > < span class ="st "> "https://www.exeter.ac.uk"</ span > < span class ="ot "> target</ span > < span class ="op "> =</ span > < span class ="st "> "_blank"</ span > < span class ="ot "> rel</ span > < span class ="op "> =</ span > < span class ="st "> "noopener"</ span > < span class ="dt "> ></ span > </ span >
331- < span id ="cb4-2 "> < a href ="#cb4-2 " aria-hidden ="true " tabindex ="-1 "> </ a > Visit the University of Exeter website</ span >
332- < span id ="cb4-3 "> < a href ="#cb4-3 " aria-hidden ="true " tabindex ="-1 "> </ a > < span class ="dt "> </</ span > < span class ="kw "> a</ span > < span class ="dt "> ></ span > </ span > </ code > </ pre > </ div > < button title ="Copy to Clipboard " class ="code-copy-button "> < i class ="bi "> </ i > </ button > </ div >
333- < p > < a href ="https://www.exeter.ac.uk " target ="_blank " rel ="noopener "> Visit the University of Exeter website </ a > </ p >
334- < div class ="pale-blue ">
335- < p > < strong > Task:</ strong > In < code > html.qmd</ code > :</ p >
336- < ul class ="task-list ">
337- < li > < label > < input type ="checkbox "> Create a link that opens in a new tab by default.</ label > </ li >
338- </ ul >
339- </ div >
340- </ section >
341- < section id ="abbreviations " class ="level2 " data-number ="5 ">
342- < h2 data-number ="5 " class ="anchored " data-anchor-id ="abbreviations "> < span class ="header-section-number "> 5</ span > Abbreviations</ h2 >
319+ < section id ="abbreviations " class ="level2 " data-number ="4 ">
320+ < h2 data-number ="4 " class ="anchored " data-anchor-id ="abbreviations "> < span class ="header-section-number "> 4</ span > Abbreviations</ h2 >
343321< p > You can explain abbreviations by using the < code > <abbr></ code > tag with a < code > title</ code > attribute. When someone hovers over it in a browser, they see the full phrase.</ p >
344- < div class ="code-copy-outer-scaffold "> < div class ="sourceCode " id ="cb5 "> < pre class ="sourceCode markdown code-with-copy "> < code class ="sourceCode markdown "> < span id ="cb5 -1 "> < a href ="#cb5 -1 " aria-hidden ="true " tabindex ="-1 "> </ a > < span class ="dt "> <</ span > < span class ="kw "> abbr</ span > < span class ="ot "> title</ span > < span class ="op "> =</ span > < span class ="st "> "Randomised Controlled Trial"</ span > < span class ="dt "> ></ span > RCT< span class ="dt "> </</ span > < span class ="kw "> abbr</ span > < span class ="dt "> ></ span > </ span > </ code > </ pre > </ div > < button title ="Copy to Clipboard " class ="code-copy-button "> < i class ="bi "> </ i > </ button > </ div >
322+ < div class ="code-copy-outer-scaffold "> < div class ="sourceCode " id ="cb4 "> < pre class ="sourceCode markdown code-with-copy "> < code class ="sourceCode markdown "> < span id ="cb4 -1 "> < a href ="#cb4 -1 " aria-hidden ="true " tabindex ="-1 "> </ a > < span class ="dt "> <</ span > < span class ="kw "> abbr</ span > < span class ="ot "> title</ span > < span class ="op "> =</ span > < span class ="st "> "Randomised Controlled Trial"</ span > < span class ="dt "> ></ span > RCT< span class ="dt "> </</ span > < span class ="kw "> abbr</ span > < span class ="dt "> ></ span > </ span > </ code > </ pre > </ div > < button title ="Copy to Clipboard " class ="code-copy-button "> < i class ="bi "> </ i > </ button > </ div >
345323< p > < abbr title ="Randomised Controlled Trial "> RCT</ abbr > </ p >
346324< p > Alternatively, you can use footnotes < strong > ?@sec-footnotes</ strong > to explain the term.</ p >
347325< div class ="pale-blue ">
0 commit comments