Home >> FAQs/Tutorials >> XHTML Tutorials and Tips >> Index

XHTML Tutorial - "sub" and "sup" Tags/Elements

By: FYIcenter.com

(Continued from previous topic...)

What Are "sub" and "sup" Tags/Elements?

"sub" and "sup" elements are inline elements that you can use to specify text to be treated as subscript and superscript respectively. Here are basic rules about "sub" and "sup" elements:

  • "sub" and "sup" elements are inline elements.
  • "sub" and "sup" elements can not be used at block level.
  • Contents of "sub" elements will be displayed in smaller font size, and positioned lower than normal text.
  • Contents of "sup" elements will be displayed in smaller font size, and positioned higher than normal text.

Here is a good tutorial example of "sub" and sup" elements:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>SUB and SUP Elements</title>
 </head>
 <body>
  <p>The most popular algebra formula:<br/>
  <code>(a+b)<sup>2</sup> 
   = a<sup>2</sup> + 2ab + b<sup>2</sup></code></p>
  <p>The right sided derivative:<br/>
  <code>f'(x) 
   = <sub>lim(dx-&gt;0)</sub>((f(x+dx)-f(x))/dx)</code></p>
 </body>
</html>

If you save the above document as sub_and_sup.html, and view it with Internet Explorer, you will see that mathematical formulas are displayed nicely with "sub" and "sup" elements as shown below:
            sub and sup Tags

(Continued on next topic...)

  1. What Are Inline Elements?
  2. What Are Commonly Used Inline Elements?
  3. What Is a "strong" Tag/Element?
  4. What Is an "em" Tag/Element?
  5. What Is an "code" Tag/Element?
  6. What Are "sub" and "sup" Tags/Elements?
  7. What Are "del" and "ins" Tags/Elements?
  8. What Are "big" and "small" Tags/Elements?
  9. What Is a "br" Tag/Element?
  10. What Is a "script" Tag/Element?
  11. What Are Other Inline Elements?


Selected Developer Jobs:

More...