Update to 3 in STEP and README.md

This commit is contained in:
github-actions
2023-06-10 12:37:46 +00:00
parent 8088be9aaf
commit 8d9c5efe83
2 changed files with 17 additions and 11 deletions

View File

@@ -1 +1 @@
2
3

View File

@@ -14,31 +14,37 @@ _Organize ideas and collaborate using Markdown, a lightweight language for text
</header>
<!--
<<< Author notes: Step 2 >>>
<<< Author notes: Step 3 >>>
Start this step by acknowledging the previous step.
Define terms and link to docs.github.com.
-->
## Step 2: Add an image
## Step 3: Add a code example
_Great job adding headers to the file :sparkles:_
_Great job adding an image to the file :tada:_
Let's add an image. Include descriptive text in the square brackets. This text is read aloud for people using screen readers. It's also shown at times when your image doesn't display, such as when there's a poor connection. You can see the syntax for images below:
In addition to code blocks, some code blocks should be rendered differently depending on the language, such as JavaScript or command-line text.
### Example
```md
![Image of Yaktocat](https://octodex.github.com/images/yaktocat.png)
<pre>
```
$ git init
Initialized empty Git repository in /Users/skills/Projects/recipe-repository/.git/
```
</pre>
#### How it looks
<img alt="Image of Yaktocat" src=https://octodex.github.com/images/yaktocat.png width=400>
```
$ git init
Initialized empty Git repository in /Users/skills/Projects/recipe-repository/.git/
```
### :keyboard: Activity: Adding an image
### :keyboard: Activity: Adding a code example
1. As you did before, edit the `index.md` file in this pull request.
1. In the file, add the correct Markdown for your image of choice. Don't forget to include alt-text!
1. As you did before, edit the file in this pull request.
1. In the file, add the correct Markdown for a code example of your choice.
1. Use the **Preview** tab to check your Markdown formatting.
1. Commit your changes.
1. Wait about 20 seconds then refresh this page (the one you're following instructions from). [GitHub Actions](https://docs.github.com/en/actions) will automatically update to the next step.