Как оформить блок с кодом?
Сам я еще новичек в вебе, пришла идея создать сайт(не важно что там будет), где будут вставки с кодом, вот пример того, что я сделал:
но дело в том, что хоть это(как мне кажется) выглядет еще более менее, то вот код оставляет желать лучшего(ничего остроумнее я не придумал кроме как просто создать по одному<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.
-
07:09
-
17:51
-
08:01
-
07:36
-
07:00
-
21:22
-
20:00
-
20:14
-
07:41
- Почему SERVER_ADDR имеет не тот IP 46765 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30302 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 22906 visits
- Как через css изменить цвет png изображения? 10177 visits
- Blob video url download 9806 visits
- Php curl запрос через прокси с авторизацией 9064 visits
- Работа с captcha vk api 7981 visits
![Изменить текст кнопки в html в input type="file (Bootstrap4)](https://hostciti.net/images/nophoto.png "Изменить текст кнопки в html в input type="file (Bootstrap4)")
© "hostciti.net" 07.5.2024 | 12:35