chore(i8n,curriculum): processed translations (#41548)

Co-authored-by: Crowdin Bot <support+bot@crowdin.com>

curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.md

@@ -13,7 +13,9 @@ dashedName: add-a-submit-button-to-a-form
 
 例如：
 
-`<button type="submit">this button submits the form</button>`
+```html
+<button type="submit">this button submits the form</button>
+```
 
 # --instructions--
 

curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.md

@@ -13,7 +13,9 @@ dashedName: add-images-to-your-website
 
 例如：
 
-`<img src="https://www.freecatphotoapp.com/your-image.jpg">`
+```html
+<img src="https://www.freecatphotoapp.com/your-image.jpg">
+```
 
 注意：`img` 元素是没有结束标签的。
 
@@ -25,7 +27,9 @@ dashedName: add-images-to-your-website
 
 让我们给上面例子的 `img` 添加 `alt` 属性。
 
-`<img src="https://www.freecatphotoapp.com/your-image.jpg" alt="A business cat wearing a necktie.">`
+```html
+<img src="https://www.freecatphotoapp.com/your-image.jpg" alt="A business cat wearing a necktie.">
+```
 
 # --instructions--
 
@@ -33,9 +37,7 @@ dashedName: add-images-to-your-website
 
 在 `main` 元素里，给 `p` 元素前面插入一个 `img` 元素。
 
-然后将 `src` 的属性值设置为这个 url：
-
-`https://bit.ly/fcc-relaxing-cat`
+现在设置 `src` 属性，以便它指向网址 `https://bit.ly/fcc-relaxing-cat`
 
 最后，不要忘记给 `img` 加上 `alt` 属性。
 

curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.md

@@ -13,7 +13,9 @@ dashedName: add-placeholder-text-to-a-text-field
 
 你可以像这样创建一个占位符：
 
-`<input type="text" placeholder="this is placeholder text">`
+```html
+<input type="text" placeholder="this is placeholder text">
+```
 
 **注意：**别忘了 `input` 元素是 "自闭和标签"，即不需要结束标签。
 

curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.md

@@ -13,7 +13,9 @@ dashedName: check-radio-buttons-and-checkboxes-by-default
 
 在一个 input 元素里面添加 `checked` 这个词，即可实现。 例如:
 
-`<input type="radio" name="test-name" checked>`
+```html
+<input type="radio" name="test-name" checked>
+```
 
 # --instructions--
 

curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.md

@@ -21,11 +21,13 @@ dashedName: create-a-set-of-checkboxes
 
 下面是一个复选框的例子：
 
-`<label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>`
+```html
+<label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
+```
 
 # --instructions--
 
-请给表单添加三个复选框， 每个复选框都被嵌套进 `label` 元素中， 并且它们的 `name` 属性均为 `personality`。
+请给表单添加三个复选框， 每个复选框都被嵌套进 `label` 元素中。 并且它们的 `name` 属性均为 `personality`。
 
 # --hints--
 

curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-text-field.md

@@ -15,7 +15,9 @@ dashedName: create-a-text-field
 
 你可以像这样创建一个文本输入框：
 
-`<input type="text">`
+```html
+<input type="text">
+```
 
 注意 `input` 输入框是没有结束标签的。
 

curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.md

@@ -13,13 +13,15 @@ dashedName: inform-with-the-paragraph-element
 
 你可以像这样创建一个段落：
 
-`<p>I'm a p tag!</p>`
+```html
+<p>I'm a p tag!</p>
+```
 
 # --instructions--
 
 在 `h2` 元素下方添加一个 `p` 元素，其内容是 `Hello Paragraph`。
 
-**注意：**按照惯例，所有 HTML 标签都应该是小写字母，例如应使用 `<p></p>`，而不会使用`<P></P>`。
+**注意：**按照惯例，所有 HTML 标签都应该是小写字母，例如应使用 `<p></p>`，而不会使用 `<P></P>`。
 
 # --hints--
 

curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.md

@@ -13,13 +13,15 @@ dashedName: link-to-external-pages-with-anchor-elements
 
 `a` 需要一个 `href` 属性指向跳转的目的地。 同时，它还应有内容。 例如：
 
-`<a href="https://freecodecamp.org">this links to freecodecamp.org</a>`
+```html
+<a href="https://freecodecamp.org">this links to freecodecamp.org</a>
+```
 
 浏览器将显示文本 `this links to freecodecamp.org`，这是一个可点击的链接。 你可以通过这个链接访问 `https://www.freecodecamp.org`。
 
 # --instructions--
 
-创建一个内容文本为 “cat photos” 的 `a` 元素，并将其 `href` 属性值设置为 `https://freecatphotoapp.com`。
+创建一个内容文本为 “cat photos” 的 `a` 元素，链接指向 `https://freecatphotoapp.com`。
 
 # --hints--
 
@@ -29,7 +31,7 @@ dashedName: link-to-external-pages-with-anchor-elements
 assert(/cat photos/gi.test($('a').text()));
 ```
 
-你的 `a` 元素应链接到 `https://freecatphotoapp.com`。
+你的 `a` 元素应链接到 `https://freecatphotoapp.com`
 
 ```js
 assert(/^https?:\/\/freecatphotoapp\.com\/?$/i.test($('a').attr('href')));

curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.md

@@ -19,27 +19,35 @@ dashedName: nest-an-anchor-element-within-a-paragraph
 
 让我们来拆解一下这个例子。 通常，文本是被包裹在 `p` 元素内：
 
-`<p> Here's a ... for you to follow. </p>`
+```html
+<p> Here's a ... for you to follow. </p>
+```
 
 接下来是*锚点*元素 `<a>`（它需要结束标签 `</a>`）：
 
-`<a> ... </a>`
+```html
+<a> ... </a>
+```
 
-`target` 锚点元素的一个属性，它用来指定链接的打开方式。 属性值 `_blank` 表示链接会在新标签页打开。 `href` 是锚点元素的另一个属性，它用来指定链接的 URL：
+`target` 是锚点元素的一个属性，它用来指定链接的打开方式。 属性值 `_blank` 表示链接会在新标签页打开。 `href` 是锚点元素的另一个属性，它用来指定链接的 URL：
 
-`<a href="http://freecodecamp.org"> ... </a>`
+```html
+<a href="http://freecodecamp.org"> ... </a>
+```
 
 `a` 元素内的文本 `link to freecodecamp.org` 叫作<dfn>锚文本</dfn>，会显示为一个可以点击的链接：
 
-`<a href=" ... ">link to freecodecamp.org</a>`
+```html
+<a href=" ... ">link to freecodecamp.org</a>
+```
 
 此示例的最终输出结果是这样：
 
-你可以访问 [link to freecodecamp.org](http://freecodecamp.org)。
+Here's a [link to freecodecamp.org](http://freecodecamp.org) for you to follow.
 
 # --instructions--
 
-创建一个新的段落 `p` 元素来包裹 `a` 元素。 新段落标签的内容为 `View more cat photos`，其中 `cat photos` 是一个链接，其余的是纯文本。
+创建一个新的段落 `p` 元素来包裹 `a` 元素。 新段落应有文本 `View more cat photos`，其中 `cat photos` 是一个链接，其余是纯文本。
 
 # --hints--
 
@@ -59,7 +67,7 @@ assert(
 );
 ```
 
-`a` 元素应该有锚文本 `cat photos`。
+`a` 元素应有锚文本 `cat photos`。
 
 ```js
 assert(
@@ -69,13 +77,13 @@ assert(
 );
 ```
 
-应该创建一个新的 `p` 元素。 HTML 代码中应该总共有至少 3 个 `p` 标签。
+应该创建一个新的 `p` 元素。 页面中应至少包含 3 个 `p` 标签。
 
 ```js
 assert($('p') && $('p').length > 2);
 ```
 
-`a` 元素应该被嵌套在新的 `p` 元素中。
+`a` 应嵌套在新创建的 `p` 元素内。
 
 ```js
 assert(
@@ -94,7 +102,7 @@ assert(
 );
 ```
 
-`a` 元素<em>不</em>应该有文本 `View more`。
+`a` 元素 <em>不</em> 应有文本 `View more`。
 
 ```js
 assert(
@@ -104,7 +112,7 @@ assert(
 );
 ```
 
-每个 `p` 元素都应该有一个结束标签。
+确保每个 `p` 元素有结束标签。
 
 ```js
 assert(
@@ -114,7 +122,7 @@ assert(
 );
 ```
 
-每个 `a` 元素都应该有一个结束标签。
+确保每个 `a` 元素有结束标签。
 
 ```js
 assert(

curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.md

@@ -19,11 +19,15 @@ dashedName: say-hello-to-html-elements
 
 开始标签像这样：
 
-`<h1>`
+```html
+<h1>
+```
 
 结束标签像这样：
 
-`</h1>`
+```html
+</h1>
+```
 
 开始标签和结束标签的唯一区别就是结束标签多了一个斜杠。
 
@@ -35,7 +39,7 @@ dashedName: say-hello-to-html-elements
 
 # --hints--
 
-`h1` 元素应有文本 `Hello World`。
+`h1` 元素的内容文本应为 `Hello World`。
 
 ```js
 assert.isTrue(/hello(\s)+world/gi.test($('h1').text()));

curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md

@@ -13,7 +13,9 @@ dashedName: turn-an-image-into-a-link
 
 如果我们要把图片嵌套进 `a` 元素， 可以这样写：
 
-`<a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera."></a>`
+```html
+<a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera."></a>
+```
 
 如果把 `a` 的 `href` 属性值设置为 `#`，创建的是一个死链接（不跳转到其他画面）。
 
@@ -37,7 +39,7 @@ assert($('a').children('img').length > 0);
 assert(new RegExp('#').test($('a').children('img').parent().attr('href')));
 ```
 
-每个 `a` 元素都应有结束标签。
+每个 `a` 元素都应该有一个结束标签。
 
 ```js
 assert(