Как оформить блок с кодом?
Сам я еще новичек в вебе, пришла идея создать сайт(не важно что там будет), где будут вставки с кодом, вот пример того, что я сделал:
но дело в том, что хоть это(как мне кажется) выглядет еще более менее, то вот код оставляет желать лучшего(ничего остроумнее я не придумал кроме как просто создать по одному<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.
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
-
07:46
- Почему SERVER_ADDR имеет не тот IP 47559 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30495 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23628 visits
- Как через css изменить цвет png изображения? 10349 visits
- Blob video url download 9957 visits
- Php curl запрос через прокси с авторизацией 9209 visits
- Работа с captcha vk api 8093 visits
![Изменить текст кнопки в html в input type="file (Bootstrap4)](https://hostciti.net/images/nophoto.png "Изменить текст кнопки в html в input type="file (Bootstrap4)")
© "hostciti.net" 21.11.2024 | 21:43