changed files by pdets auto publish service, publishid[850a90f5-db26-48e5-9625-7580b13eda52] and do [publish].

wwlpublish · web-flow · commit ea10aef13b33 · 2025-04-25T10:42:04.000+08:00
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/1-introduction.yml b/learn-pr/wwl-azure/build-first-html-webpage/1-introduction.yml
@@ -4,7 +4,7 @@ title: Introduction
 metadata:
   title: Introduction
   description: "Introduction to the module."
-  ms.date: 05/08/2024
+  ms.date: 04/25/2025
   author: wwlpublish
   ms.author: eric
   ms.topic: unit
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/2-understand-terminology.yml b/learn-pr/wwl-azure/build-first-html-webpage/2-understand-terminology.yml
@@ -3,8 +3,8 @@ uid: learn.wwl.build-first-html-webpage.understand-terminology
 title: Understand terminology
 metadata:
   title: Understand terminology
-  description: "Learn some core terminology you'll need to understand when writing code to create a web page."
-  ms.date: 05/08/2024
+  description: "Learn some core terminology you need to understand when writing code to create a web page."
+  ms.date: 04/25/2025
   author: wwlpublish
   ms.author: eric
   ms.topic: unit
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/3-explore-core-html.yml b/learn-pr/wwl-azure/build-first-html-webpage/3-explore-core-html.yml
@@ -4,7 +4,7 @@ title: Explore core HTML
 metadata:
   title: Explore core HTML
   description: "Explore some core concepts of Hypertext Markup Language (HTML)."
-  ms.date: 05/08/2024
+  ms.date: 04/25/2025
   author: wwlpublish
   ms.author: eric
   ms.topic: unit
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/4-exercise-create-html-page.yml b/learn-pr/wwl-azure/build-first-html-webpage/4-exercise-create-html-page.yml
@@ -4,7 +4,7 @@ title: Exercise - Create an HTML page
 metadata:
   title: Exercise - Create an HTML page
   description: "Begin creating a web page for your resume."
-  ms.date: 05/08/2024
+  ms.date: 04/25/2025
   author: wwlpublish
   ms.author: eric
   ms.topic: unit
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/6-research-links-lists-images.yml b/learn-pr/wwl-azure/build-first-html-webpage/6-research-links-lists-images.yml
@@ -4,7 +4,7 @@ title: Research links, lists, and images
 metadata:
   title: Research links, lists, and images
   description: "Learn how to include links, lists, and images in your web page."
-  ms.date: 05/08/2024
+  ms.date: 04/25/2025
   author: wwlpublish
   ms.author: eric
   ms.topic: unit
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/7-exercise-lists-links.yml b/learn-pr/wwl-azure/build-first-html-webpage/7-exercise-lists-links.yml
@@ -4,7 +4,7 @@ title: Exercise - Lists and links
 metadata:
   title: Exercise - Lists and links
   description: "Add information to your resume using lists and links."
-  ms.date: 05/08/2024
+  ms.date: 04/25/2025
   author: wwlpublish
   ms.author: eric
   ms.topic: unit
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/8-knowledge-check.yml b/learn-pr/wwl-azure/build-first-html-webpage/8-knowledge-check.yml
@@ -4,7 +4,7 @@ title: Module assessment
 metadata:
   title: Module assessment
   description: "Check what you learn in this module."
-  ms.date: 05/08/2024
+  ms.date: 04/25/2025
   author: wwlpublish
   ms.author: eric
   ms.topic: unit
@@ -34,7 +34,7 @@ quiz:
       explanation: "Incorrect. The style tag or a stylesheet enables styling in HTML."
     - content: "Creates a bulleted list"
       isCorrect: false
-      explanation: "Incorrect. Bulleted lists are created by the `<ul>` tag."
+      explanation: "Incorrect. Bulleted lists use the `<ul>` tag."
     - content: "Allows a user to navigate to other things"
       isCorrect: true
       explanation: "Correct. A hyperlink points to other content on the website or the internet."
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/9-summary.yml b/learn-pr/wwl-azure/build-first-html-webpage/9-summary.yml
@@ -4,7 +4,7 @@ title: Summary
 metadata:
   title: Summary
   description: "Summary of the module."
-  ms.date: 05/08/2024
+  ms.date: 04/25/2025
   author: wwlpublish
   ms.author: eric
   ms.topic: unit
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/includes/1-introduction.md b/learn-pr/wwl-azure/build-first-html-webpage/includes/1-introduction.md
@@ -1,12 +1,12 @@
 Websites are used for many types of purposes. You can create storefronts, allowing a company to sell products. You could provide information about an organization, such as a digital brochure. Or you might develop a fully interactive application. Because of the flexibility and pervasiveness of websites, you can create all manner of projects. The first place to start when becoming a web developer is with Hypertext Markup Language or HTML.
 
-Imagine you want to create a resume to post publicly. You decided to create a webpage, which can be widely shared. It's a great way to control how your information will be displayed.
+Imagine you want to create a resume as a public post. You decided to create a webpage, which can be widely shared. It's a great way to control how your information is displayed.
 
-But to begin creating the page, you'll need to explore a bit about web development.
+But to begin creating the page, you need to explore a bit about web development.
 
-In this module you'll learn the core concepts of web development. You'll explore terminology and commonly used tools. You'll also be introduced to the three main languages used to create a webpage.
+In this module, you learn the core concepts of web development. You explore terminology and commonly used tools and are introduced to the three main languages used to create a webpage.
 
-By the end of this module, you'll be able to:
+By the end of this module, you're able to:
 
 - Explain what a webpage and website are
 - Highlight the differences between HTML, CSS, and JavaScript
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/includes/2-understand-terminology.md b/learn-pr/wwl-azure/build-first-html-webpage/includes/2-understand-terminology.md
@@ -2,15 +2,15 @@ You'll soon be writing code to create a web page.
 
 :::image type="content" source="../media/html-to-webpage.png" alt-text="Diagram showing HTML Code and the resulting webpage for an example resume.":::
 
-When getting started with a new technology there are different terms you'll need to be familiar with. While your vocabulary will expand as you continue to grow as a web developer, there are certain core concepts which will help you get started.
+When getting started with a new technology there are different terms, you need to be familiar with. While your vocabulary expands as you continue to grow as a web developer, there are certain core concepts which help you get started.
 
 ## Web Pages and Websites
 
-Web pages, HTML pages, or simply pages are similar to a page in an e-book. They're a single screen that displays information. You might scroll up and down on the page, but it's made to be a collection of similar data. Software developers create pages in HTML *files*. A file is like a document you might create in a word processor. Instead of writing in a language like English or Spanish, you create files using the languages designed for websites.
+Web pages, HTML pages, or simply pages are similar to a page in an e-book. They're a single screen that displays information. You might scroll up and down on the page, but the page was designed to be a collection of similar data. Software developers create pages in HTML *files*. A file is like a document you might create in a word processor. Instead of writing in a language like English or Spanish, you create files using the languages designed for websites.
 
 In web development, a web page can be a single file or the result of bringing two or more files together. In the next section, you'll learn about the different files that can be used to create a web page.
 
-A website is a set of pages. Returning to our e-book analogy, the e-book itself would be the website. It has all of the pages and is read by a user one page at a time. A website could be a single page, thousands of pages, and everything in between.
+A website is a set of pages. As we return to our e-book analogy, the e-book itself would be the website. It has all of the pages and is read by a user one page at a time. A website could be a single page, thousands of pages, and everything in between.
 
 As you read this unit, you're reading a web page. You scroll up and down to examine the information you want. You eventually navigate to a different page to review the next unit. All of these pages make up the site that is Microsoft Learn.
 
@@ -34,11 +34,11 @@ The "strong" tags tell the browser that the text in between should be bold. It w
 
 ### CSS
 
-CSS adds more style to the page, like what color to make something or what font to use. CSS has become very powerful. It can even tell the browser where the information should be displayed on the page.
+CSS adds more styles to the page, like what color to make something or what font to use. CSS is powerful, can even tell the browser where the information should be displayed on the page.
 
 ### JavaScript
 
 Finally, JavaScript lets you do things to items on a page. JavaScript can tell the browser to create things like buttons or to display the date. But a script also tells the browser what to do when the button is clicked, like submitting data in a form.
 
 > [!IMPORTANT]
-> This module will focus solely on HTML and a single file for a web page. As you continue to grow as a developer, you will learn how to divide a page up into multiple files and why you might decide to do this.
+> This module focuses solely on HTML and a single file for a web page. As you continue to grow as a developer, you learn how to divide up a page into multiple files and why you might decide to do this.
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/includes/3-explore-core-html.md b/learn-pr/wwl-azure/build-first-html-webpage/includes/3-explore-core-html.md
@@ -5,7 +5,7 @@ Hypertext Markup Language, or HTML, is the core language used to create a web pa
 
 ## Introducing Tags and Elements
 
-If you've ever had to format text like make it bold or enlarge the font, you may not have thought about what goes on "behind the scenes."
+When you format text like make it bold or enlarge the font, you don't always think about what goes on "behind the scenes."
 
 When you experience text on a web page, the browser does the work to format it using code. HTML code is behind what is displayed. The code tells the browser what to do to make the text appear the way it does.
 
@@ -18,18 +18,18 @@ A tag and any content between the open and close is called an **element**
 - This is an element: `<strong> Make me bold </strong>`
 
 > [!IMPORTANT] 
-> You will often hear developers use the terms tag and element interchangeably. While they do technically mean different things, in most conversation, the slight difference in meaning isn't important.
+> You often hear developers use the terms tag and element interchangeably. While they do technically mean different things, in most conversation, the slight difference in meaning isn't important.
 
-Headers are common elements that are numbered one through six, with one being the top of the hierarchy and six being the lowest. These are written as `h1` through `h6`. If you want to add a top-level heading to a page to display the word **Resume**, you could use:
+Headers are common elements that are numbered one through six, with one being the top of the hierarchy and six being the lowest. Headers are written as `h1` through `h6`. If you want to add a top-level heading to a page to display the word **Resume**, you could use:
 
 ```html
 <h1>Resume</h1>
 ```
 
 The following video demonstrates how HTML gets transformed by browsers into formatted information.
 
->[!VIDEO https://learn-video.azurefd.net/vod/player?id=ca39156c-3f3a-404d-beca-5c2f9ebfcc3f]
+>[!VIDEO https://www.microsoft.com/videoplayer/embed/RE5d5qK]
 
 ## Learning How to Use Tags
 
-There are many tags available for programmers to use. Knowing which ones are available and how they're used is called **syntax**. At this point, we won't get bogged down in the details. What's important is that you understand what a tag is and how it's used to make up an element.
+There are many tags available for programmers to use. Knowing which ones are available and how they're used is called **syntax**. At this point, we avoid being bogged down in the details. What's important is that you understand what a tag is and how it's used to make up an element.
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/includes/4-exercise-create-html-page.md b/learn-pr/wwl-azure/build-first-html-webpage/includes/4-exercise-create-html-page.md
@@ -1,14 +1,14 @@
-In this exercise, you'll begin creating the web page for your resume. You'll start by adding some high-level information such as your name and section headers. You'll also add a few comments, which we will use as markers of where to add information in a later exercise.
+In this exercise, you begin creating the web page for your resume. You start by adding some high-level information such as your name and section headers. You also add a few comments, which we use as markers of where to add information in a later exercise.
 
-This exercise uses [vscode.dev](https://vscode.dev/) - a web-based version of Visual Studio Code and [CodeSwing](https://marketplace.visualstudio.com/items?itemName=codespaces-Contrib.codeswing). These tools help streamline the development process. No local installation is required to complete the exercises below.
+This exercise uses [vscode.dev](https://vscode.dev/) - a web-based version of Visual Studio Code and [CodeSwing](https://marketplace.visualstudio.com/items?itemName=codespaces-Contrib.codeswing). These tools help streamline the development process. No local installation is required to complete the exercises that follow.
 
 ## Create an HTML page with CodeSwing
 
-You'll start by creating a folder, setting up your tooling, and creating a "swing" using CodeSwing in vscode.dev. A swing will automatically display the results of your code you author in vscode.dev. This allows you to quickly make modifications and the updates will happen in real time.
+You start by creating a folder, setting up your tooling, and creating a "swing" using CodeSwing in vscode.dev. A swing automatically displays the results of your code you author in vscode.dev. This allows you to quickly make modifications and the updates happen in real time.
 
 The following video demonstrates how to install CodeSwing in Visual Studio Code. These steps are also in the exercise steps.
 
->[!VIDEO https://learn-video.azurefd.net/vod/player?id=7bd2894a-bd6f-4a57-8298-9c2c57a1ad45]
+>[!VIDEO https://www.microsoft.com/videoplayer/embed/RE5amMI]
 
 1. Create a folder on your desktop named **resume**.
 1. Open [vscode.dev](https://vscode.dev).
@@ -25,17 +25,17 @@ The following video demonstrates how to install CodeSwing in Visual Studio Code.
 1. Select **Basic: HTML-Only**.
 1. When prompted to **Save changes to resume** select **Save changes**.
 
-Visual Studio Code will create two windows side by side. The left will be your editor, where you can enter your HTML. The right will behave like a browser, displaying the results of your HTML code.
+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.
 
 ## Add HTML to create the structure of your page
 
-Next, you'll add the HTML to create the structure of your page. You'll create the three main elements of `html`, `head`, and `body`. Inside the `body`, you'll add a section that will contain general information about you such as your name and social media information. You'll then add sections that will list your education and experience.
+Next, you add the HTML to create the structure of your page. You create the three main elements of `html`, `head`, and `body`. Inside the `body`, you add a section that contains general information about you such as your name and social media information. You then add sections that list your education and experience.
 
 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.
 
->[!VIDEO https://learn-video.azurefd.net/vod/player?id=256625d1-5672-4bbc-b04d-33f4fb7eb1ed]
+>[!VIDEO https://www.microsoft.com/videoplayer/embed/RE5amMJ]
 
-Feel free to replace **Your name** with your name. In other exercises, you'll create lists and links to your email address, social media handles, and education and experience.
+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.
 
 After adding the code, you'll review what code has been added.
 
@@ -69,10 +69,10 @@ Each of the elements in the HTML does specific things. The following table descr
 |`<body>`|This tag creates the body container for the web page. Most of the display elements go in the body element.|
 |`<div>`|The division tag creates a section in HTML. Sections usually have similar content or content that is related to one another.|
 |`<h1>` - `<h6>`|These are header tags. They give some structure to the HTML document. They tell the browser to format the text between them in a specific way to show that hierarchy.|
-|`<!-- comment text -->`|These tags are comments in HTML. They will not show up in the rendered output. They're mainly used by developers to make their code easier to find, share, and understand.|
+|`<!-- comment text -->`|These tags are comments in HTML. They don't create rendered output. They're used by developers to make their code easier to find, share, and understand.|
 |`/* CSS comment */`|These comment tags are used in Cascading Style Sheets.|
 
-2. As you type, the page will automatically update; the final result will appear similar to the following:
+2. As you type, the page automatically updates; the final result appears similar to the following image:
 
   :::image type="content" source="../media/html-structure.png" alt-text="Screenshot of resume structure.":::
 
@@ -82,4 +82,4 @@ Every HTML page has `html` as the root core element, with all content contained
 
 Notice how you only use one `h1` element for your name, and `h2` elements for headers for each of the sections. This is to help highlight the most important parts of the page. Your name is the most important piece of information on the page; thus it gets top billing with `h1`.
 
-Finally, there are comments for **email address**, **social media**, **education**, and **experience**. These are being used as placeholders and will be replaced in a later exercise in this module.
+Finally, there are comments for **email address**, **social media**, **education**, and **experience**. These are being used as placeholders and are replaced in a later exercise in this module.
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/includes/7-exercise-lists-links.md b/learn-pr/wwl-azure/build-first-html-webpage/includes/7-exercise-lists-links.md
@@ -1,4 +1,4 @@
-In this exercise, you'll add the rest of the information to your resume. You'll include your email address, social media links, and list of experience. The exercise will use generic text, but you should feel free to customize the content to match your details.
+In this exercise, you add the rest of the information to your resume. You include your email address, social media links, and list of experience. The exercise uses generic text, but you should feel free to customize the content to match your details.
 
 ## Add Your Email Address and Social Media
 
@@ -14,7 +14,7 @@ Let's start by adding your email address and social media links to your resume.
 >1. When prompted to **Let site view files**, select **View Files**.
 >1. In the Explorer pane on the left, select the **index.html** file.
 >1. Press Ctrl + Shift + P on Windows or Linux or Cmd + Shift + P on Mac.
->1. In the box that appears at the top, type **codeswing: open swing** and press enter or return on your keyboard.
+>1. In the box that appears at the top, type `codeswing: open swing` and press enter or return on your keyboard.
 >1. When prompted, select the **resume** folder you selected earlier.
 
 2. Inside **index.html**, and below the comment that reads `<!-- email address -->`, add the following HTML to add a link to your email, replacing **your-email@example.com** with your email address:
@@ -34,7 +34,7 @@ Let's start by adding your email address and social media links to your resume.
     </ul>
     ```
 
-5. The page will update to display the list of social media accounts you add.
+5. The page updates to display the list of social media accounts you add.
 
 ## Adding Education and Experience
 
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/includes/8-knowledge-check.md b/learn-pr/wwl-azure/build-first-html-webpage/includes/8-knowledge-check.md
@@ -1,2 +1,3 @@
 
-Choose the best response for each of the questions below.  
+
+Choose the best response for each of the questions.
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/includes/9-summary.md b/learn-pr/wwl-azure/build-first-html-webpage/includes/9-summary.md
@@ -1,4 +1,4 @@
-In this module you created a webpage for your resume. You added the content for display. You used HTML or Hypertext Markup Language. You also explored how some of the common elements are used when creating webpages.
+In this module, you created a webpage for your resume. You added the content for display. You used HTML or Hypertext Markup Language. You also explored how some of the common elements are used when creating webpages.
 
 In this module, you learned how to:
 
diff --git a/learn-pr/wwl-azure/build-first-html-webpage/index.yml b/learn-pr/wwl-azure/build-first-html-webpage/index.yml
@@ -1,12 +1,13 @@
 ### YamlMime:Module
 uid: learn.wwl.build-first-html-webpage
 metadata:
-  title: Build your first HTML webpage
+  title: Build your First HTML Webpage
   description: "Illustrates basic programming techniques using Visual Studio Code to write HTML and CSS."
-  ms.date: 05/08/2024
+  ms.date: 04/25/2025
   author: wwlpublish
   ms.author: eric
   ms.topic: module
+  ms.collection: N/A
   ms.custom:
   - N/A
   ms.service: vs-code
