50 lines
1.9 KiB
Markdown
50 lines
1.9 KiB
Markdown
|
---
|
||
|
|
id: bd7123c8c441eddfaeb5bdef
|
||
|
|
title: Say Hello to HTML Elements
|
||
|
|
challengeType: 0
|
||
|
|
videoUrl: ''
|
||
|
|
localeTitle: Diga Olá para elementos HTML
|
||
|
|
---
|
||
|
|
|
||
|
|
## Description
|
||
|
|
<section id="description"> Bem-vindo aos desafios de codificação HTML do freeCodeCamp. Eles orientarão você pelo desenvolvimento da Web, passo a passo. Primeiro, você começará construindo uma página da web simples usando HTML. Você pode editar o <code>code</code> em seu <code>code editor</code> , que é incorporado a esta página da web. Você vê o código no seu editor de código que diz <code><h1>Hello</h1></code> ? Isso é um <code>element</code> HTML. A maioria dos elementos HTML possui uma <code>opening tag</code> e uma <code>closing tag</code> . As tags de abertura são assim: <code><h1></code> tags de fechamento são assim: <code></h1></code> A única diferença entre as tags de abertura e fechamento é a barra após o colchete de abertura de uma tag de fechamento. Cada desafio tem testes que você pode executar a qualquer momento clicando no botão "Executar testes". Quando você passar em todos os testes, você será solicitado a enviar sua solução e passar para o próximo desafio de codificação. </section>
|
||
|
|
|
||
|
|
## Instructions
|
||
|
|
<section id="instructions"> Para passar no teste deste desafio, altere o texto do elemento <code>h1</code> para dizer "Olá mundo". </section>
|
||
|
|
|
||
|
|
## Tests
|
||
|
|
<section id='tests'>
|
||
|
|
|
||
|
|
```yml
|
||
|
|
tests:
|
||
|
|
- text: Seu elemento <code>h1</code> deve ter o texto "Hello World".
|
||
|
|
testString: 'assert.isTrue((/hello(\s)+world/gi).test($("h1").text()), "Your <code>h1</code> element should have the text "Hello World".");'
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Challenge Seed
|
||
|
|
<section id='challengeSeed'>
|
||
|
|
|
||
|
|
<div id='html-seed'>
|
||
|
|
|
||
|
|
```html
|
||
|
|
<h1>Hello</h1>
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Solution
|
||
|
|
<section id='solution'>
|
||
|
|
|
||
|
|
```js
|
||
|
|
// solution required
|
||
|
|
```
|
||
|
|
</section>
|