练习 - 完成从输入字符串中提取、替换和删除数据的挑战

已完成

代码挑战强化学习，帮助你在继续学习之前获得一些信心。

在此挑战中，你将使用包含 HTML 片段的字符串。 从 HTML 片段中提取数据，替换部分内容，并删除其内容的其他部分，以实现所需的输出。

如果不熟悉 HTML 代码，请查看本单元末尾的 “快速 HTML 入门” 部分。

从输入字符串中提取、替换和删除数据

1. 选择并删除 Visual Studio Code 编辑器中的所有代码行。

2. 在 Visual Studio Code 中，添加以下“入门”代码以获取挑战数据：

   const string input = "<div><h2>Widgets &trade;</h2><span>5000</span></div>";
   
   string quantity = "";
   string output = "";
   
   // Your work here
   
   Console.WriteLine(quantity);
   Console.WriteLine(output);
   

   如果运行代码，输出会显示空行，quantity和output的起始值为空string值。

3. 花一分钟时间查看包含 string HTML 的代码的初始行。

   const string input = "<div><h2>Widgets &trade;</h2><span>5000</span></div>";
   

   请注意<div>变量中包含的标记：<h2>，<span>，™以及符号代码input。

4. 检查最终程序输出的 期望输出：

   Quantity: 5000
   Output: <h2>Widgets &reg;</h2><span>5000</span>
   

5. 开始在注释 // Your work here 下的初始代码中添加您的解决方案代码。

6. 将quantity变量设置为通过提取标记之间的<span></span>文本获得的值。

7. 将 output 变量设置为值 input，然后删除 <div> 和 </div> 标记。

8. 将 HTML 字符 ™ （™） 替换为®变量中的 ® （output）。

9. 运行解决方案并验证输出是否与预期输出匹配。

   Quantity: 5000
   Output: <h2>Widgets &reg;</h2><span>5000</span>
   

无论是遇到问题而需要查看解决方案，还是成功完成操作，都请继续查看此挑战的一种解决方案。

快速 HTML 入门

如果不熟悉 HTML，则它是用于创建所有网页的标记语言。 如果对 HTML 有很好的了解，请跳过本部分。 这些信息旨在提供足够的信息来完成此挑战，而不是一个全面的 HTML 教程。

在 HTML 中，使用标记定义文档的结构。 标记由以下项组成：

• 左尖括号 <
• 右尖括号 >
• 描述标记类型的单词，例如：<div>，<span><h2>等等。

每个标记都有一个相应的结束标记，该标记引入了正斜杠字符 /。 因此，如果看到 <div> 应该有相应的 </div> 标记。

开始标记和结束标记之间的内容是该标记的内容。 内容可以包含文本和其他标记。

一组标记可以嵌入到另一组标记中，从而为 HTML 文档提供其分层结构。