Hodgepodge

Introduction

Adding equations/formulas to Web pages can be a problem. LaTeX can render nicely formatted equations/formulas as images that can then be inserted into web pages.

Note: LaTeX can be used for much much more.

Using LaTeX

Step 1: Using an editor create a LaTeX (*.tex) file. There are many editor available; some are LaTeX specific with builtin viewers.

Step 2: Compile the (*.tex) file and output the results as a file (pdf, or image, or ...)

Project #1

Create the following equations/formulas as images using LaTeX. Add the images to the simple HTML web page below.

image mising

HTML Simple Web Page

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="Your Name Goes Here" /> <title>Page Title Goes Here</title> <style> img { border: 2px solid #000000; } </style> </head> <body> <h2>Equation/Formula #1</h2> <p> <img src="Equation/formula Image File Name Goes Here" alt="image missing" /> </p> <h2>Equation/Formula #2</h2> <p> <img src="Equation/formula Image File Name Goes Here" alt="image missing" /> </p> ... ... ... ... </body> </html>

LaTeX

(from: LaTeX Home)

People who use equations and formulae heavily often prefer to create content in LaTeX rather than a word processor. LaTeX is a publishing system based on the TeX markup language that accurately renders math and equations, which are often difficult to create in other applications.

Fortunately, converting from LaTeX to the current version of Hypertext Markup Language (HTML), HTML5, works well and allows assistive technologies to read the textual content in web browsers. However, HTML5 by itself can have problems properly displaying math and other equations.

LaTeX Links

LaTeX Examples