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

XHTML 1.0 Tutorials - Understanding In-line Elements and Tags

By: FYICenter.com

Part:   1  2   3  4 

(Continued from previous part...)

What Is an EM Tag/Element?

An "em" element is an inline element that you can use to specify text with a normal emphasis. Here are basic rules about "em" elements:

  • "em" elements are inline elements.
  • "em" elements can not be used at block level.
  • Contents of "em" elements will be displayed in italic by most browsers.
  • "em" elements will be treated like "i" elements by most browsers.
  • "i" elements may not be supported in future versions of XHTML, You should not use "i" elements in your XHTML.
  • .

Here is a good example of "em" and "i" 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>EM and I Elements</title>
 </head>
 <body>
  <p>All <em>programmers</em> are playwrights 
  and all <i>computers</i> are lousy actors.</p> 
 </body>
</html>

If you save the above document as em_and_i.html, and view it with Internet Explorer, you will see that contents in both "em" and "i" elements are displayed in italic as shown below:
            em Tag

What Is an CODE Tag/Element?

An "code" element is an inline element that you can use to specify text to be treated as computer code. Here are basic rules about "code" elements:

  • "code" elements are inline elements.
  • "code" elements can not be used at block level.
  • Contents of "code" elements will be displayed in a mono spacing font by most browsers.
  • "code" elements will be treated like "tt" elements by most browsers.
  • "tt" elements may not be supported in future versions of XHTML, You should not use "tt" elements in your XHTML.
  • .

Here is a good example of "code" and "tt" 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>CODE and TT Elements</title>
 </head>
 <body>
  <p>The most popular computer code:<br/>
  <code>print "Hello world!"</code></p>
  <p>A recursive computer function:<br/>
  <tt>f(n) {return n*f(n-1)}</tt></p>
 </body>
</html>

If you save the above document as code_and_tt.html, and view it with Internet Explorer, you will see that contents in both "code" and "tt" elements are displayed in an mono spacing font as shown below:
            code Tag

(Continued on next part...)

Part:   1  2   3  4 


Selected Developer Jobs:

More...