Упражнение. Выполнение задачи по извлечению, замене и удалению данных из входной строки

Завершено

Проблемы кода укрепляют обучение и помогают вам получить некоторую уверенность, прежде чем продолжать работу.

В этой задаче вы работаете со строкой, содержащей фрагмент 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-документу иерархическую структуру.