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
1. Create a folder on your desktop named **resume**.
14
-
1. Open [vscode.dev](https://vscode.dev).
15
-
1. Select **Open Folder**.
16
-
1. Navigate to the **resume** folder you created earlier and select **Select Folder**.
17
-
1. When prompted to **Let site view files**, select **View Files**.
18
-
1. Select the **Extensions** button.
14
+
2. Open [vscode.dev](https://vscode.dev).
15
+
3. Select **Open Folder**.
16
+
4. Navigate to the **resume** folder you created earlier and select **Select Folder**.
17
+
5. When prompted to **Let site view files**, select **View Files**.
18
+
6. Select the **Extensions** button.
19
19
>:::image type="content" source="../media/extensions.png" alt-text="Screenshot of Extensions icon.":::
20
-
1. In the **Search Extensions in Marketplace** text box, type **CodeSwing**.
21
-
1. Select **Install** to install **CodeSwing**.
22
-
1. Open the Command Palette by selecting **Ctl-Shift-P** or **Cmd-Shift-P** on a Mac.
23
-
1. Type **CodeSwing** in the Command Palette and select **CodeSwing: New Swing in Directory...**.
24
-
1. Select **Select Folder** to use the current directory (which is the one you created in a prior step).
25
-
1. Select **Basic: HTML-Only**.
26
-
1. When prompted to **Save changes to resume** select **Save changes**.
20
+
7. In the **Search Extensions in Marketplace** text box, type **CodeSwing**.
21
+
8. Select **Install** to install **CodeSwing**.
22
+
9. Open the Command Palette by selecting **Ctl-Shift-P** or **Cmd-Shift-P** on a Mac.
23
+
10. Type **CodeSwing** in the Command Palette and select **CodeSwing: New Swing in Directory...**.
24
+
11. Select **Select Folder** to use the current directory (which is the one you created in a prior step).
25
+
12. Select **Basic: HTML-Only**.
26
+
13. When prompted to **Save changes to resume** select **Save changes**.
27
27
28
28
Visual Studio Code creates two windows side by side. The left side is your editor, where you can enter your HTML. The right behaves like a browser, displaying the results of your HTML code.
29
29
@@ -33,7 +33,7 @@ Next, you add the HTML to create the structure of your page. You create the thre
33
33
34
34
The following video demonstrates how to author HTML in Visual Studio Code and have the code render in CodeSwing. These steps are also in the exercise steps.
Feel free to replace **Your name** with your name. In other exercises, you create lists and links to your email address, social media handles, and education and experience.
39
39
@@ -61,9 +61,9 @@ After adding the code, you'll review what code has been added.
61
61
62
62
Each of the elements in the HTML does specific things. The following table describes the tags you used in your HTML and how the browser understands them.
63
63
64
-
|Tag|Description|
65
-
|---|---|
66
-
|`<html>`|The "container" tag for the entire HTML document. All other tags are written inside the HTML element.|
|`<html>`|The "container" tag for the entire HTML document. All other tags are written inside the HTML element.|
67
67
|
68
68
|`<head>`|The header container. The header typically includes references to other files the page or site needs. It also can include data that search engines and social media sites use to better find your website.|
69
69
|`<body>`|This tag creates the body container for the web page. Most of the display elements go in the body element.|
0 commit comments