Writing Equations using HTML and API on webpage

HTML & LaTeX Guide for Technical Writing

1) Roots (HTML Entities)

Code

Output

√ 4 = 2

√4 = 2

∛ 27 = 3

∛27 = 3

2) Superscript and Subscript

2² = 4

2² = 4

H₂O

H₂O

3) Fractions (CSS Flexbox Method)

For more professional inline fractions without MathJax:

HTML Code	Rendered Result
7 <div class="frac">42<span>73</span></div>	7 4273

4) Complex Equations (MathJax / LaTeX)

Pro-Tip: Use $$ ... $$ for block equations and $ ... $ for inline math.

LaTeX Code	Rendered Equation
x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}	$$x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$$
\frac{df}{dx} = \frac{df}{du} \cdot \frac{du}{dx}	$$\frac{df}{dx} = \frac{df}{du} \cdot \frac{du}{dx}$$
\beta = \sqrt[4]{\frac{k \cdot b}{4EI}}	$$\beta = \sqrt[4]{\frac{k \cdot b}{4EI}}$$

5) Advanced Tables: Merging & Rotation

Metric Type	Chainage Results		Final Remark
	Start	End
Primary	10+000	12+500	Acceptable
Secondary	12+500	15+000	Requires Review

6) Workflow Visualization (Mermaid)

Concrete Mix Design Process (IS 10262):

graph TD A[Material Selection] --> B{Mix Type} B -->|Standard| C[Nominal Mix] B -->|High Strength| D[Design Mix] D --> E[Trial Batches] E --> F[Final Proportions] style A fill:#f9f,stroke:#333 style D fill:#bbf,stroke:#333

7) Utility Links

To force a direct download from Google Drive:

https://drive.google.com/uc?export=download&id=YOUR_FILE_ID