Как отобразить несколько строк текста в HTML

Я хочу написать веб-сайт, который показывает, какой код необходим для вывода «Hello world» на нескольких языках кодирования. Я хочу включить HTML-код, но я не хочу, чтобы программа думала, что внутри программы вложен дополнительный код, и мне нужно, чтобы он был напечатан следующим образом:

<html>
  <head>
    <h2>How to print 'Hello World' in # of coding languages
</head>
<body>
    <h6> HTML 5 </h6>
    <p> 'Hello World' </p>
</body>
</html>

Я хочу, чтобы он показывал код для печати «Hello World», когда он работает, но я не знаю, нужно ли мне использовать .

или что-то еще, так как я только что изучил HTML в этом месяце, и я пришел из Python.

Это мой код:

<!DOCTYPE html>
<html>
<body>
  <h1> How to write 'Hello World' in ____ coding languages </h1>

  <h4> HTML </h4>
  <p>
      <p> <!DOCTYPE html>
  <br>
    <html>
  <br>
    <head>
  <br>
    </head>
  <br>
    <body>
  <br>
    <p> Hello World </p>
  <br>
    </body>
  <br>
    </html>
  </p>
</body>

Мой ожидаемый результат - это код веб-сайта, показывающий «Hello World», но он выводит:

Hello World

Извините, если это сбивает с толку, у меня нет хорошего способа объяснить, какова моя цель для этого проекта.

Возможный дубликат Как отображать теги HTML в виде обычного текста

Obsidian Age 14.06.2019 05:50
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
1
800
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Попробуй это. Я просто заменил < на &lt; и > на &gt;

<!DOCTYPE html>
<html>
<body>
  <h1> How to write 'Hello World' in ____ coding languages </h1>

  <h4> HTML </h4>
  <p>
      <p> &lt;!DOCTYPE html>
  <br>
    &lt;html &gt;
  <br>
    &lt;head &gt;
  <br>
    &lt;/head &gt;
  <br>
    &lt;body &gt;
  <br>
    <p> Hello World </p>
  <br>
    &lt;/body &gt;
  <br>
    &lt;/html &gt;
  </p>
</body>

Большое спасибо! Я и понятия не имел, что ты так поступишь! Онлайн-курс, который я прошел, не показал мне этого.

SpartanGolf 26.06.2019 06:01

@SpartanGolf Добро пожаловать, если вы найдете это полезным, проголосуйте за этот ответ :)

Gihan Saranga Siriwardhana 26.06.2019 06:11

Другие вопросы по теме