Как оформить блок с кодом?
Сам я еще новичек в вебе, пришла идея создать сайт(не важно что там будет), где будут вставки с кодом, вот пример того, что я сделал:
но дело в том, что хоть это(как мне кажется) выглядет еще более менее, то вот код оставляет желать лучшего(ничего остроумнее я не придумал кроме как просто создать по одному<span> для каждого цвета в синтаксисе и как вы понимаете выглядет это абсолютно нечитабельно(вот пример, таже показывать стыдно такой код)):
Хотел бы узнать нет ли более разумного решения для того чтобы оформить блок с кодом?!
Если не ошибаюсь, то для этого используется тег <code>.
Вот простой пример:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег CODE</title>
</head>
<body>
<p>Код программы</p>
<p><code>
function checkParent (src, dest) {<Br>
while (src != null) {<Br>
if (src.tagName == dest) return src<Br>
src = src.parentElement<Br>
}<Br>
return null<Br>
}</code></p>
</body>
</html>Подробнее тут.
Ну а что касается цвета, то это только через css, либо как вариант поискать сайт, который позволяет сразу же преобразовать подсветку синтаксиса в соответствии с нужным вам ЯП и выводит это в готовые html и css.
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
- Почему SERVER_ADDR имеет не тот IP 49888 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31892 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25851 visits
- Как через css изменить цвет png изображения? 11714 visits
- Blob video url download 11264 visits
- Php curl запрос через прокси с авторизацией 10639 visits
- Работа с captcha vk api 9457 visits
![Изменить текст кнопки в html в input type="file (Bootstrap4)](https://hostciti.net/images/nophoto.png "Изменить текст кнопки в html в input type="file (Bootstrap4)")
© "hostciti.net" 06.12.2025 | 16:28