generated from hexlet-basics/exercises-template
-
Notifications
You must be signed in to change notification settings - Fork 2
/
description.ru.yml
32 lines (23 loc) · 1.87 KB
/
description.ru.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
---
name: Вставка компьютерного кода в HTML
theory: |
При ведении учебных блогов по программированию, либо при написании статей, возникает необходимость продемонстрировать код. В каждом уроке на Code Basics есть такие блоки:
```html
<p>Здесь видно разметку</p>
```
Для создания блока с кодом используется тег `<code>`, внутри которого записывается код на любом языке программирования.
```javascript
// Пример кода на JavaScript
const square = (num) => {
return num * num;
};
```
Тег `<code>` часто используют вместе с тегом `<pre>`, что позволяет сохранить форматирование. Если тег `<pre>` не используется, то переносы строк нужно контролировать самостоятельно, например, оборачивая каждую строку в тег `<p>`.
Важно, что все теги внутри `<code>` будут обработаны браузером, по этой причине внутри используются специальные символы. Также частое решение — оборачивание названия тега в отдельный тег, например `<span>`:
```html
<code>
<<span>p</span>>Вставляем тег p в виде простого текста <<span>/p</span>>
</code>
```
instructions: |
Добавьте любой текст в тег `<code>` и вставьте его в редактор. Попробуйте различные варианты текстов