Я новичок, только начинаю знакомиться с html, css и другими вещами.
Я только что попытался создать блок кода с помощью w3.css.У них есть эта симпатичная штука w3-кода, которую я использовал для примера кода Python.Это выглядит хорошо, но мне также нужно выделить синтаксис.Я попытался использовать w3codecolor.js, как это было предложено, но, к сожалению, ничего не вышло.Зачем?Я ясно вижу режим Python в библиотеке , но он не указан как класс в руководстве .
Вот мой код:
<head>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script src="https://www.w3schools.com/lib/w3codecolor.js"></script>
</head>
<div id="myDiv">
<div class="w3-panel w3-card w3-light-grey">
<h3>Example code, oh yeah baby</h3>
<div class="w3-code pythonHigh">
<pre><code>df = pd.read_csv('UCI_Credit_Card.csv')
def valuation_formula(limit):
if limit<=10000.:
return 'A'
elif limit<=100000. and limit>10000.:
return 'B'
elif limit<=200000. and limit>100000.:
return 'C'
elif limit<=400000. and limit>200000.:
return 'D'
elif limit<=700000. and limit>400000.:
return 'E'
else:
return 'F'
df['NEW_COLUMN'] = df.apply(lambda row: valuation_formula(row['LIMIT_BAL']), axis=1)
df.head(10)
w3CodeColor (document.getElementById ("myDiv"));
Это на самом деле делает некоторые раскраски, но это явно не похоже на то, что я вижу в Jupyter Notebook, который я использую для кодирования Python (эточего я пытаюсь достичь).
PS - Как видите, не так много обычных HTML-тегов, потому что я делаю все это на платформе EdX, что может быть так, но у меня нетПодсказка.Вот как это выглядит: скриншот