Создание математических формул на страницах HTML средствами MathML

Цель: обучить созданию web-страниц, содержащих математические формулы.

Время выполнения: два академических часа.

Форма занятия: лабораторная работа.

Задание № 1.

Запустите программу Блокнот и осуществите ввод следующего MathML кода в теле HTML:

<msup><mo class="MathClass-op">sin</mo><mn>2</mn></msup><mrow> <mi>α</mi> </mrow><mo class="MathClass-bin">+</mo><msup><mo class="MathClass-op"> cos</mo><mn>2</mn></msup><mrow><mi>α</mi></mrow><mo class="MathClass-rel">=</mo><mn>1</mn>

Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере и ознакомьтесь с результатом.

▲ Греческую букву α получаем с помощью кода x03B1.

Задание № 2.

Запустите программу Блокнот и осуществите ввод следующего MathML кода в теле HTML:

<mfrac><mrow><msup><mi>a</mi><mn>2</mn></msup><mo>+</mo><mi>a</mi><mi>b</mi><mo>+</mo><msup><mi>b</mi><mn>2</mn></msup></mrow><mrow><mi>a</mi><mo>+</mo><mi>b</mi></mrow></mfrac>

Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере и ознакомьтесь с результатом.

Задание № 3.

Запустите программу Блокнот и осуществите ввод следующего MathML кода в теле HTML:

<mfrac><mrow><mn>1</mn><mo>+</mo><msup><mo class="MathClass-op">sin</mo><mn>2</mn></msup><mfenced separators="" open="(" close=")"><mi>x</mi><mo>+</mo><mi>y</mi></mfenced></mrow><mrow><mn>2</mn><mo>+</mo><mfenced separators="" open="|" close="|"><mrow><mi>x</mi><mo>-</mo><mfrac><mrow><mn>2</mn><mi>x</mi></mrow><mrow><mn>1</mn><mo>+</mo><msup><mi>x</mi><mn>2</mn></msup><msup><mi>y</mi><mn>2</mn></msup></mrow></mfrac></mrow></mfenced></mrow></mfrac><mo>+</mo><mi>x</mi>

Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере и ознакомьтесь с результатом.

Задание № 4.

Запустите программу Блокнот и осуществите ввод следующего MathML кода в теле HTML:

<mfenced separators="" open="(" close=")"><mtable><mtr><mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd></mtr><mtr><mtd><mn>1</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd></mtr><mtr><mtd><mn>1</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd></mtr><mtr><mtd><mn>1</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd></mtr><mtr><mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced>Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере и ознакомьтесь с результатом.

Задание № 5.

Запустите программу Блокнот и осуществите ввод следующего MathML кода в теле HTML:

<mfenced separators="" open="{" close=""><mtable><mtr><mtd><mi>a</mi><mi>x</mi><mo>+</mo><mi>b</mi><mi>y</mi><mo>=</mo><mi>c</mi></mtd></mtr><mtr><mtd><msub><mi>a</mi><mn>1</mn></msub><mi>x</mi><mo>+</mo><msub><mi>b</mi><mn>1</mn></msub><mi>y</mi><mo>=</mo><msub><mi>c</mi><mn>1</mn></msub></mtd></mtr></mtable></mfenced>Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере и ознакомьтесь с результатом.

Задание № 6. .

<mi>S</mi><mo>=</mo><mn>1</mn><mo>-</mo><mfrac><mn>1</mn><mn>2</mn></mfrac><mo>+</mo><mfrac><mn>1</mn><mn>4</mn></mfrac><mo>-</mo><mfrac><mn>1</mn><mn>8</mn></mfrac><mo>+</mo><mi>…</mi><mo>+</mo><msup><mrow><mfenced separators="" open="(" close=")"><mn>-1</mn></mfenced></mrow><mi>n</mi></msup><mfrac><mn>1</mn><msup><mn>2</mn><mi>n</mi></msup></mfrac><mo>=</mo><munderover><mi>&#x03A3;</mi><mrow><mi>i</mi><mo>=</mo><mn>0</mn></mrow><mi>n</mi></munderover><msup><mrow><mfenced separators="" open="(" close=")"><mn>-1</mn></mfenced></mrow><mi>i</mi></msup><mfrac><mn>1</mn><msup><mn>2</mn><mi>i</mi></msup></mfrac>

Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере и ознакомьтесь с результатом.

▲ Различные математические символы, при необходимости, нужно отыскивать в кодировочной таблице Unicode.

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: