Как оформить блок с кодом?
Сам я еще новичек в вебе, пришла идея создать сайт(не важно что там будет), где будут вставки с кодом, вот пример того, что я сделал:
но дело в том, что хоть это(как мне кажется) выглядет еще более менее, то вот код оставляет желать лучшего(ничего остроумнее я не придумал кроме как просто создать по одному<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.
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
- Почему SERVER_ADDR имеет не тот IP 47645 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30525 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23685 visits
- Как через css изменить цвет png изображения? 10363 visits
- Blob video url download 9971 visits
- Php curl запрос через прокси с авторизацией 9224 visits
- Работа с captcha vk api 8106 visits
![Изменить текст кнопки в html в input type="file (Bootstrap4)](https://hostciti.net/images/nophoto.png "Изменить текст кнопки в html в input type="file (Bootstrap4)")
© "hostciti.net" 22.12.2024 | 14:38