61 lines
2.2 KiB
Markdown
61 lines
2.2 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, де ви зможете вивчити HTML-кодування. Ви зможете вивчити процес веб-розробки крок за кроком.
|
||
|
||
Перше за все ви створите просту веб-сторінку за допомогою HTML. Ви можете редагувати код безпосередньо у редакторі коду, який вбудований у цю веб-сторінку.
|
||
|
||
Чи бачите ви код з написом `<h1>Hello</h1>` у вашому редакторі? Ось це і є HTML-елемент.
|
||
|
||
Більшість елементів HTML мають теги відкривання та закривання.
|
||
|
||
Так виглядають теги відривання:
|
||
|
||
```html
|
||
<h1>
|
||
```
|
||
|
||
Ось так виглядають теги закривання:
|
||
|
||
```html
|
||
</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>
|
||
```
|