feat(pages): add instructions for file to use in tasks + missing alt text

Author: amyheather

pages/inline_html/index.qmd

@@ -8,6 +8,8 @@ In a Markdown document, you can sometimes mix in small pieces of HTML. This is c
 
 **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.
 
+You should complete the listed tasks in the `5_inline_html.qmd` file on your Codespace. Once you have worked through these tasks, commit and push your change.
+
 ## Line break
 
 You can insert a line break using `<br>`.

pages/markdown/index.qmd

@@ -14,6 +14,8 @@ A normal Markdown file usually ends in `.md`. In this workshop we mostly used **
 
 On this page you will practice Markdown features that you can use in your Quarto documents.
 
+You should complete the listed tasks in the `2_markdown_basics.qmd` file on your Codespace. Once you have worked through these tasks, commit and push your change.
+
 ## Headings and subheadings
 
 In Markdown, a heading is formatted with the character `#`.

pages/media/index.qmd

@@ -2,6 +2,8 @@
 title: Images, videos and documents
 ---
 
+You should complete the listed tasks in the `4_images_videos_documents.qmd` file on your Codespace. Once you have worked through these tasks, commit and push your change.
+
 ## Images
 
 You can add images to a Quarto page using Markdown.  

pages/quarto_features/index.qmd

@@ -9,6 +9,9 @@ Behind the scenes, Quarto uses a program called Pandoc. Pandoc takes your Markdo
 
 This page gives a quick tour of some of those "Quarto extras" that go beyond plain Markdown.
 
+You should complete the listed tasks in the `3_quarto_features.qmd` file on your Codespace. Once you have worked through these tasks, commit and push your change.
+
+
 ## Callouts
 
 Quarto extends Markdown with **callouts**, which are highlighted boxes you can use for notes, tips, or warnings.

pages/setup/index.qmd

@@ -61,7 +61,7 @@ The layout is split into a few main areas:
 * **Bottom panel:** a shared area that can show different tools.
 * **Build with AI agent:** an optional assistant built into VSCode to help people who are writing code - we do not need this panel, so can close it by clicking the **x** on its tab.
 
-![](codespace_labels.drawio.png)
+![](codespace_labels.drawio.png){fig-alt="Annotated screenshot of VSCode labelling the main areas."}
 
 ## Reopening your Codespace