chore(i8n,learn): processed translations (#41197)
Co-authored-by: Crowdin Bot <support+bot@crowdin.com>
This commit is contained in:
@ -19,12 +19,12 @@ dashedName: declare-the-doctype-of-an-html-document
|
||||
|
||||
所有的 HTML 代码都必须位于 `html` 标签中。 其中 `<html>` 位于 `<!DOCTYPE html>` 之后,`</html>` 位于网页的结尾。
|
||||
|
||||
以下是网页结构的一个例子:
|
||||
这是一个网页结构的列子。 你的 HTML 代码会在两个 `html` 标签之间。
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<!-- Your HTML code goes here -->
|
||||
|
||||
</html>
|
||||
```
|
||||
|
||||
|
@ -17,21 +17,33 @@ dashedName: nest-an-anchor-element-within-a-paragraph
|
||||
</p>
|
||||
```
|
||||
|
||||
我们来分解一下这个示例:普通文本被包裹在 `p` 元素中,例如
|
||||
`<p> Here's a ... for you to follow. </p>` 然后是 *anchor* 元素 `<a>`(要求有一个结束标签 `</a>`):
|
||||
`<a> ... </a>` `target` 是一个锚点标签属性,用来指定在哪里打开链接,`_blank` 值指定在一个新的窗口打开链接,`href` 是一个锚点标签属性,包含链接的 URL 地址
|
||||
`<a href="http://freecodecamp.org"> ... </a>`。`a` 元素中的文本,**“链接到 freecodecamp.org”**,叫作 `anchor text`,将显示一个可点击的链接:
|
||||
`<a href=" ... ">link to freecodecamp.org</a>`。 这个示例最后输出的结果像这样:
|
||||
让我们来拆解一下这个例子。 通常,文本是被包裹在 `p` 元素内:
|
||||
|
||||
你可以点击这个 [freecodecamp.org 链接](http://freecodecamp.one)。
|
||||
`<p> Here's a ... for you to follow. </p>`
|
||||
|
||||
接下来是*锚点*元素 `<a>`(它需要结束标签 `</a>`):
|
||||
|
||||
`<a> ... </a>`
|
||||
|
||||
`target` 锚点元素的一个属性,它用来指定链接的打开方式。 属性值 `_blank` 表示链接会在新标签页打开。 `href` 是锚点元素的另一个属性,它用来指定链接的 URL:
|
||||
|
||||
`<a href="http://freecodecamp.org"> ... </a>`
|
||||
|
||||
`a` 元素内的内容文本 `link to freecodecamp.org` 叫作 `anchor text`(锚文本),会显示为一个可以点击的链接:
|
||||
|
||||
`<a href=" ... ">link to freecodecamp.org</a>`
|
||||
|
||||
此示例的最终输出结果是这样:
|
||||
|
||||
你可以访问 [link to freecodecamp.org](http://freecodecamp.org)。
|
||||
|
||||
# --instructions--
|
||||
|
||||
创建一个新的段落(`p`)标签来包裹 `main` 元素里的 `a` 节点。 新段落应有文本 `View more cat photos`,其中 `cat photos` 是一个链接,其余是纯文本。
|
||||
创建一个新的段落 `p` 元素来包裹 `a` 元素。 新段落标签的内容为 `View more cat photos`,其中 `cat photos` 是一个链接,其余的是纯文本。
|
||||
|
||||
# --hints--
|
||||
|
||||
应包含一个链接到 "`https://freecatphotoapp.com`" 的 `a` 元素。
|
||||
应包含一个链接到 `https://freecatphotoapp.com` 的 `a` 元素。
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -40,7 +52,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
`a` 元素应有锚文本 `cat photos`。
|
||||
`a` 元素的内容文本应为 `cat photos`。
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -65,7 +77,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
`p` 元素应有文本 `View more`(后面有一个空格)。
|
||||
`p` 元素应该包含文本 `View more`(请注意,more 之后有一个空格)。
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -80,7 +92,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
`a` 元素 <em>不</em> 应有文本 `View more`。
|
||||
`a` 元素中 <em>不</em> 应包含文本 `View more`。
|
||||
|
||||
```js
|
||||
assert(
|
||||
|
Reference in New Issue
Block a user