63 lines
1.6 KiB
Markdown
63 lines
1.6 KiB
Markdown
|
---
|
||
|
|
id: bd7123c8c441eddfaeb5bdef
|
||
|
|
title: Say Hello to HTML Elements
|
||
|
|
challengeType: 0
|
||
|
|
videoUrl: 'https://scrimba.com/p/pVMPUv/cE8Gpt2'
|
||
|
|
forumTopicId: 12345
|
||
|
|
---
|
||
|
|
|
||
|
|
## Description
|
||
|
|
<section id='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 <code><h1>Hello</h1></code>? That's an HTML element.
|
||
|
|
Most HTML elements have an opening tag and a closing tag.
|
||
|
|
Opening tags look like this:
|
||
|
|
<code><h1></code>
|
||
|
|
Closing tags look like this:
|
||
|
|
<code></h1></code>
|
||
|
|
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.
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Instructions
|
||
|
|
<section id='instructions'>
|
||
|
|
To pass the test on this challenge, change your <code>h1</code> element's text to say "Hello World".
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Tests
|
||
|
|
<section id='tests'>
|
||
|
|
|
||
|
|
```yml
|
||
|
|
tests:
|
||
|
|
- text: Your <code>h1</code> element should have the text "Hello World".
|
||
|
|
testString: assert.isTrue((/hello(\s)+world/gi).test($('h1').text()));
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Challenge Seed
|
||
|
|
<section id='challengeSeed'>
|
||
|
|
|
||
|
|
<div id='html-seed'>
|
||
|
|
|
||
|
|
```html
|
||
|
|
<h1>Hello</h1>
|
||
|
|
```
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Solution
|
||
|
|
<section id='solution'>
|
||
|
|
|
||
|
|
```html
|
||
|
|
<h1>Hello World</h1>
|
||
|
|
```
|
||
|
|
|
||
|
|
</section>
|