Files
freeCodeCamp/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.md
Sem Bauke b064991667 fix(curriculum): Replace single-line blocks with multi-line blocks for Responsive Web Design (#41519)
* fix(curriculum) replace single-line block with multi-line blocks

* fix(curriculum) replace single-line block with multi-line blocks (missed blocks)
2021-03-18 17:24:09 -06:00

61 lines
1.4 KiB
Markdown

---
id: bd7123c8c441eddfaeb5bdef
title: Say Hello to HTML Elements
challengeType: 0
videoUrl: 'https://scrimba.com/p/pVMPUv/cE8Gpt2'
forumTopicId: 18276
dashedName: say-hello-to-html-elements
---
# --description--
Welcome to freeCodeCamp's HTML coding challenges. These will walk you through web development step-by-step.
First, you'll start by building a simple web page using HTML. You can edit code in your code editor, which is embedded into this web page.
Do you see the code in your code editor that says `<h1>Hello</h1>`? That's an HTML element.
Most HTML elements have an opening tag and a closing tag.
Opening tags look like this:
```html
<h1>
```
Closing tags look like this:
```html
</h1>
```
The only difference between opening and closing tags is the forward slash after the opening bracket of a closing tag.
Each challenge has tests you can run at any time by clicking the "Run tests" button. When you pass all tests, you'll be prompted to submit your solution and go to the next coding challenge.
# --instructions--
To pass the test on this challenge, change your `h1` element's text to say `Hello World`.
# --hints--
Your `h1` element should have the text `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>
```