Веб-сторінки готуються з використанням мови (X)HTML, яка досить нескладна. Для цієї мети використовують спеціальні веб-редактори — Adobe Dreamweaver, Aptana Studio (є як безкоштовна, так і платна версія), Nvu (безкоштовний) та ін.

До того ж менш досвідченим користувачам можна скористатися засобами перетворення до HTML-формату документів, створених у середовищі текстових редакторів (Microsoft Office Word, OpenOffice, Word Perfect, тощо). Даний спосіб, окрім, явних переваг, має й недоліки. Так, створений у Word’і текст після перетворення перенасичений зайвим кодом, і, як наслідок, сторінки будуть "важчі”, ніж хотілося б.

Ми орієнтуватимемося на те, що ви вирішили набирати математичні вирази в спеціалізованому веб-редакторі (чи просто в Блокноті).

До найпростіших математичних виразів належать ті, написання яких не потребує використання додаткових (спеціальних) теґів мови (X)HTML. До таких формул можна віднести, наприклад,

y = a x + k.

Тут все просто, необхідно лише набрати вираз.

Більш складні формули для написання ті, оформити які можна за допомогою розмітки (X)HTML. Наприклад, одна із формул скороченого множення має вигляд

a² - b² = (a - b)(a + b).

HTML-розмітка цієї формули:

a² - b² = (a - b)(a + b).

Але як записати символи, яких немає на клавіатурі (грецькі літери, спеціальні математичні знаки та ін.)?

Для цього слід використовувати т.з. &-символи. Докладну інформацію про них можна знайти в документації по HTML. В таблиці 1 ви знайдете найбільш вживані математичні символи.

Таблиця 1. Позначення деяких спеціальних математичних символів в HTML.

Нижче наведено таблицю з літерами грецького алфавіту. Для запису їх в HTML-коді слід використовувати шаблон &англійська_назва_літери;. Якщо назва літери грецького алфавіту починається з малої літери, то у браузері (веб-оглядачі) буде відображатися мала грецька літера, а якщо велика літера, то — велика (наприклад, Γ, γ — Γ та γвідповідно).

Таблиця 2. Грецький алфавіт.

Зауважте, що записувати ці слова треба строго дотримуючись регістру букв. Бо, наприклад, запис Α не дасть бажаного результату.

Але, як бути, коли перед нами функція y = k / x. Звичайно, можна вийти з цієї ситуації вище згаданим способом. Проте він ненаочний. В цьому легко переконатися оформляючи великі формули. Ну, наприклад, чи одразу в рядку

S_n = ( 2a₁ + d (n-1) )n / 2

ви впізнали суму n перших членів арифметичної прогресії?

Можливий випадок, коли звичний (шкільний) запис виразу просто неможливий. Спробуйте записати, наприклад, формулу

і Ви зрозумієте, що я маю на увазі.

Як ви уже, мабуть, здогадались, рішення просте та очевидне — замінити текст малюнком. Для цього дану формулу слід написати (намалювати) в будь-якому графічному редакторі та зберегти в форматі gif, jpg чи png. Звичайно, що до цієї справи при значних об’ємах робіт варто підійти з розумом і використовувати спеціалізовану програму для набору формул. Серед он-лайн редакторів формул я б порекомендував вам подивитися на LaTeX Equation Editor for the Internet. Він генерує дуже красиві формули-картинки.

(Нагадаю, що створений малюнок вставляється в потрібному місці веб-сторінки за допомогою тегу <img>).

Для тих, хто має хоча б базові навички у веб-програмуванні, а точніше знайомий з PHP (скриптова мова програмування), раджу звернути увагу на проектhttp://www.xm1math.net/phpmathpublisher/ — інструмент для веб-публікації математичних документів, який може бути легко використаний на сайтах, блоґах, форумах.

Розглянемо деякі атрибути <img>. Обов’язковим атрибутом є src. Він містить ім’я файлу (малюнку) з потрібною нам формулою. Атрибути width (ширина) і height (висота) необов’язкові. Атрибут alt також необов’язковий, проте він убезпечує від ситуації, коли користувачем вимкнута можливість завантаження малюнків або, коли малюнок не завантажився. В такому випадку на місці малюнка буде написаний текст зазначений в атрибуті alt.