ee1e8abd87
* feat(tools): add seed/solution restore script * chore(curriculum): remove empty sections' markers * chore(curriculum): add seed + solution to Chinese * chore: remove old formatter * fix: update getChallenges parse translated challenges separately, without reference to the source * chore(curriculum): add dashedName to English * chore(curriculum): add dashedName to Chinese * refactor: remove unused challenge property 'name' * fix: relax dashedName requirement * fix: stray tag Remove stray `pre` tag from challenge file. Signed-off-by: nhcarrigan <nhcarrigan@gmail.com> Co-authored-by: nhcarrigan <nhcarrigan@gmail.com>
53 lines
1.4 KiB
Markdown
53 lines
1.4 KiB
Markdown
---
|
||
id: bd7123c8c441eddfaeb5bdef
|
||
title: 向 HTML 元素问好
|
||
challengeType: 0
|
||
videoUrl: 'https://scrimba.com/p/pVMPUv/cE8Gpt2'
|
||
forumTopicId: 18276
|
||
dashedName: say-hello-to-html-elements
|
||
---
|
||
|
||
# --description--
|
||
|
||
欢迎参加 freeCodeCamp 的编程挑战赛，这些挑战将会帮助你逐步掌握 Web 开发。
|
||
|
||
HTML 是英文 Hyper Text Markup Language（超文本标记语言）的缩写。首先，我们来用 HTML 制作一个简单的网页，你可以直接在网页内置的代码编辑器中编辑代码。
|
||
|
||
看到代码编辑器中的 `<h1>Hello</h1>` 了吗? 那就是一个 HTML 元素。
|
||
|
||
大部分 HTML 元素都有一个`开始标签`和一个`结束标签`。
|
||
|
||
开始标签像这样：`<h1>`
|
||
|
||
结束标签像这样：`</h1>`
|
||
|
||
开始标签和结束标签的唯一区别就是结束标签多了一个 `/`。
|
||
|
||
每个挑战都有测试，任何时候点击**运行测试**按钮就可以运行测试。如果代码通过测试，将会弹出一个窗口，你就可以进入下一个挑战。反之，测试区会显示你没有通过测试的原因。
|
||
|
||
# --instructions--
|
||
|
||
请把 `h1` 元素的内容改为 `Hello World`。
|
||
|
||
# --hints--
|
||
|
||
`h1` 元素的内容文本应为 `Hello World`。
|
||
|
||
```js
|
||
assert.isTrue(/hello(\s)+world/gi.test($('h1').text()));
|
||
```
|
||
|
||
# --seed--
|
||
|
||
## --seed-contents--
|
||
|
||
```html
|
||
<h1>Hello</h1>
|
||
```
|
||
|
||
# --solutions--
|
||
|
||
```html
|
||
<h1>Hello World</h1>
|
||
```
|