Предыдущий

Следующая

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

Завершено

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

В этой задаче вы работаете со строкой, содержащей фрагмент 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>, и код ™ символов,<span> содержащийся в переменнойinput<h2>.

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-документу иерархическую структуру.

Продолжить