You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+31-11
Original file line number
Diff line number
Diff line change
@@ -14,31 +14,51 @@ _Organize ideas and collaborate using Markdown, a lightweight language for text
14
14
</header>
15
15
16
16
<!--
17
-
<<< Author notes: Step 2 >>>
17
+
<<< Author notes: Step 3 >>>
18
18
Start this step by acknowledging the previous step.
19
19
Define terms and link to docs.github.com.
20
20
-->
21
21
22
-
## Step 2: Add an image
22
+
## Step 3: Add a code example
23
23
24
-
_Great job adding headers to the file :sparkles:_
24
+
_Great job adding an image to the file :tada:_
25
25
26
-
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:
26
+
In addition to code blocks, some code blocks should be rendered differently depending on the language, such as JavaScript or command-line text.
27
27
28
-
### Example
28
+
### Example 1
29
29
30
-
```md
31
-

30
+
<pre>
32
31
```
32
+
$ git init
33
+
Initialized empty Git repository in /Users/skills/Projects/recipe-repository/.git/
34
+
```
35
+
</pre>
36
+
37
+
#### How it looks
38
+
39
+
```
40
+
$ git init
41
+
Initialized empty Git repository in /Users/skills/Projects/recipe-repository/.git/
42
+
```
43
+
44
+
### Example 2
45
+
46
+
<pre>
47
+
``` javascript
48
+
var myVar = "Hello, world!";
49
+
```
50
+
</pre>
33
51
34
52
#### How it looks
35
53
36
-
<img alt="Image of Yaktocat" src=https://octodex.github.com/images/yaktocat.png width=400>
54
+
```javascript
55
+
var myVar ="Hello, world!";
56
+
```
37
57
38
-
### :keyboard: Activity: Adding an image
58
+
### :keyboard: Activity: Adding a code example
39
59
40
-
1. As you did before, edit the `index.md`file in this pull request.
41
-
1. In the file, add the correct Markdown for your image of choice. Don't forget to include alt-text!
60
+
1. As you did before, edit the file in this pull request.
61
+
1. In the file, add the correct Markdown for a code example of your choice.
42
62
1. Use the **Preview** tab to check your Markdown formatting.
43
63
1. Commit your changes.
44
64
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.
0 commit comments