Theory
Theory
Comments

The sub and sup tags, which are used to indicate subscript and superscript

Finally a new blog entry. You have been entrusted to work on learning material, which includes mathematical formulas. It is almost finished: all that you need to do now is place the superscripts and subscripts. There are special tags that are used to mark these up, and which get useful display defaults in browsers.

The <sup> tag (which is short for “superscript”) displays the text as superscript, and the <sub> tag (which is short for “subscript”) displays the text as subscript.

These tags are more commonly used to highlight individual characters as opposed to entire words. They are used to indicate units of measurement or to write simple formulas. For example:

20m<sup>2</sup>
H<sub>2</sub>O
X<sup>3</sup>+X<sup>2</sup>=1

This will be displayed as follows in the browser:

20 m²
H₂O
X³+X²=1

In order to create more complex formulas, such as, for example, ^x² or ^x_n+1, you can use the tags <sup> and <sub> one inside the other.

If you need to insert a very complex formula into an HTML document, it is better to use the special markup language MathML.

index.html
style.css

HTML

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>The website of a beginning coder</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <p>Blog</p> <nav> Return to home </nav> </header> <main> <article> <h1>Day Eight. It’s getting very serious.</h1> <p>Look at what I learned! A new master class has been added to Muffin’s Training Program for Beginner Kittens: “How Not to Fall Through The Snow”. And I was instructed to lay out a small amount of learning material.</p> <p>Surface pressure can be calculated according to the following formula: p = m * g/S.</p>  <p>Given: p1 = 1635Pa</p>  <p>We are able to calculate the following: p2 = m2 * g/S = 9kg * 9.81N / 0.03m2 = 2942Pa</p> <p>where:<br> p1 — Paw pressure on the snow before the Christmas holidays,<br> p2 — Paw pressure after the holidays,<br> m2 — Cat weight after the holidays,<br> S — Surface area of snow,<br> g — Acceleration of gravity.</p> <p>The maximum pressure that the first press can withstand is 2,000 Pa.</p> <p>It’s hard to be a cat.</p> </article> <aside> Your ad could go here </aside> </main> <footer> Website footer </footer> </body> </html>

CSS

body { padding: 0 30px; font-size: 14px; line-height: 22px; font-family: "Georgia", serif; color: #222222; } h1 { font-size: 20px; line-height: normal; } nav { color: #888888; } aside { margin: 20px 0; color: #c4c4c4; }

Goalscompleted

Format the line with the first pressure reading to look like: p₁ = 1635Pa,
whereas the line with the second pressure reading should be formatted to look like: p₂ = m₂ * g/S = 9kg * 9.81N / 0.03 m² = 2942Pa

Mark up the values in the formula transcription yourself.

The sub and sup tags, which are used to indicate subscript and superscript

Comments

Log in

Sign up

Restore access