MathML- Integrals

Written by @m_k_amin 31 May 2013

One inseparable part of calculus is integrals. They are important when some equation higher order than the current one is needed. So a good math writing language must handle them efficiently. HTML5 MathML has its own features for writing different cases of integrals and makes it easy to use them within the webpages. The following code has some examples of HTML5 MathML Integrals. If you are a beginner start from the simple ones, but if you need to handle more complex equations, look at the complicated integral example below . . .

Code Snippet:

                                                
                                                <!-- this script is provided by https://www.html5freecode.com coded by: Kerixa Inc. -->
<!-- This Script is from www.html5freecode.com, Coded by: Kerixa Inc-->
<script type="text/javascript"
          src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<body style="font-size: 14pt;">

<math xmlns='http://www.w3.org/1998/Math/MathML' display='block'>
	<mo>&int;</mo>
	<mi>f</mi>
	<mfenced separators=' '>
		<mi>x</mi>
	</mfenced>
	<mo>&sdot;</mo>
	<mi>d</mi><mi>x</mi>
	
	<mspace width="50px"/>
	
	<msubsup>
		<mo>&conint;</mo>
		<mrow>
			<msub>
				<mi>S</mi>
				<mn>1</mn>
			</msub>
		</mrow>
		<mrow>
			<msub>
				<mi>S</mi>
				<mn>2</mn>
			</msub>
		</mrow>
	</msubsup>
	<mi>f</mi>
	<mfenced separators=' '>
		<mi>x</mi>
		<mo>,</mo>
		<mo>y</mo>
	</mfenced>
	<mo>&sdot;</mo>
	<mi>g</mi>	
	<mfenced separators=' '>
		<mi>x</mi>
		<mo>,</mo>
		<mo>y</mo>
	</mfenced>
	<mo>&sdot;</mo>
	 <mi>d</mi>
	 <mi mathvariant='bold'>s</mi>
</math>

<math xmlns='http://www.w3.org/1998/Math/MathML' display='block'>
	<mspace height="80px"/>
	<msubsup>
		<mo>&tint;</mo>
		<mrow>
			<msup>
				<mi>x</mi>
				<mn>2</mn>
			</msup>
			<mo>-</mo>
			<mn>2</mn>
			<msup>
				<mi>y</mi>
				<mn>2</mn>
			</msup>
			<mo>-</mo>
			<mn>2</mn>			
			<msup>
				<mi>z</mi>
				<mn>2</mn>
			</msup>				
		</mrow>
		<mrow>
			<mi>x</mi>
			<msup>
				<mi>y</mi>
				<mn>2</mn>
			</msup>			
			<msup>
				<mi>z</mi>
				<mn>3</mn>
			</msup>				
		</mrow>
	</msubsup>
	<mfenced separators=' '>
		<mfrac>
			<mrow>
				<msup>
					<mi>x</mi>
					<mn>3</mn>
				</msup>
				<mo>+</mo>
				<mfrac bevelled="true">
					<mrow>
						<mn>4</mn>
						<mi>x</mi>
						<mi>y</mi>
					</mrow>
					<mi>z</mi>
				</mfrac>
			</mrow>
			<mrow>
				<mi>x</mi>
				<mo>-</mo>
				<mi>y</mi>
				<mi>z</mi>
				<mo>+</mo>
				<msup>
					<mi>z</mi>
					<mrow>
						<mfenced separators=' '>
							<mi>x</mi>
							<mo>+</mo>
							<mfrac bevelled="true">
								<mn>1</mn>
								<mn>3</mn>
							</mfrac>
						</mfenced>
					</mrow>
				</msup>
			</mrow>
		</mfrac>
	</mfenced>
 	<mi>d</mi>
	<mi>x</mi>
 	<mi>d</mi>
	<mi>y</mi>
 	<mi>d</mi>
	<mi>z</mi>	
</math>
</body>
<div style="text-align: center"><font face="Tahoma"><br><a target="_blank" href="http://www.html5freecode.com"><span style="font-size: 8pt; text-decoration: none">HTML5 Free Code</span></a></font></div><a target='_blank' href='https://www.html5freecode.com' style='font-size: 8pt; text-decoration: none'>Html5 Free Codes</a>

Example:

About @m_k_amin

This user is pending a biography.

Comments

Here you can leave us commments. Let us know what you think about this code tutorial!

0 / 300