Посмотреть все уроки курса
Выбрать другой урок из курса
Поиск по сайту
Теория урока

78. Форматирование кода тегами PRE и CODE

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

78. Форматирование кода тегами PRE и CODE

На многих сайтах, которые связаны с программированием, есть, разумеется, код. Этот код чаще все выделяют при помощи тегов pre и code. Теперь разберем каждый тег отдельно.

О теге PRE

Тег pre применяется для форматирования текста. Такой текст отображается со всеми пробелами между словами (вы же знаете, что если в HTML коде написать много пробелов подряд, они все равно превратятся в один). То есть текст выведется в браузер так же, как написано между <pre> ... </pre>. Рассмотрим пример первый.

Пример 1
<pre>
Текст через пробелы!
</pre>

Внутри тега pre можно использовать любые элементы, кроме <small> <big> <img> <sub> <object> <sup>

О теге CODE

А вот HTML элемент code нужен для выделения, в основном, одной строки программного кода. Чем отличается code от pre? Дополнительные пробелы и переносы строки не учитываются. Но внутри тега code можно использовать теги <br> и <p> ... </p>. Смотрим пример два.

Пример 2
<code>var a = 120;</code>

Похожие уроки Codebra

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
Форматирование строк в PythonЗнакомство с Python
Рекурсия в PHPКурс по PHP
List/dict/set comprehensions (включения) в PythonЗнакомство с Python
Структура документа: дочерние элементы в CSSСелекторы в CSS
Введение в раздел «Самые основы Python»Знакомство с Python
Итоги раздела «Самые основы Python»Знакомство с Python
Переменные, комментарии и типы данных в PHPКурс по PHP
Наследование в CSSСтруктура и каскад
Первое знакомство с PythonЗнакомство с Python
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию и компьютерной безопасности. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Пентесту Active Directory, Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно