Summary

Markup languages provide a way to store text along with extra information about its structure and layout. Different markup languages have different purposes and different rules. HTML is a loose markup language that serves as an easy way for new and amateur web designers to get acquainted with the concepts of web design and quickly post content to the Internet. XHTML is a newer standard, a more evolved and stricter form of HTML. The X stands for extensible, implying the greater ability of XHTML to integrate with other applications and markup languages.
An overview of the differences between these two standards is as follows: unlike HTML, XHTML requires that all elements are properly nested, properly closed, and in lowercase. In addition, XHTML documents cannot have more than one root element (the <html> tag).

One could prepare themselves for tag/rules that change in XHTML by starting to write strict HTML. XHTML is not that much different from the HTML 4.01 standard. So, presetting codes up to the 4.01 standard is a very good way to start. In addition, writing HTML code in lowercase letters, and never skipping ending tags (like </p>) is also a great way to begin. After beginning it’s great to know that there are a lot of differences between XHTML and HTML. Some of the most Important Differences are XHTML elements must be properly nested, must always be closed, must be in lowercase, and last but not least must always have a one root element

Examples of Common Tags that Change

  1. <br> becomes <br />
  2. <P>...</P> becomes <p>...</p>
  3. <i><b>text</i></b> becomes <i><b>text</b></i>
  4. <hr> becomes <hr />
  5. <input checked> becomes <input checked="checked">
  6. <font face=arial> becomes <font face="arial">
  7. <img src="image.jpg"> becomes <img src="image.jpg" />
  8. <html> becomes <html xmlns="http://www.w3.org/1999/xhtml">
  9. <script language="javascript"> becomes <script type="text/javascript">
  10. <center> becomes <p class="text-align:center;">

Examples of Code Snippets that Change

HTML

XHTML

1

<ul>
<li>A
<li>Unordered
<li>List</li>
</ul>
<ul>
<li>A</li>
<li>Unordered</li>
<li>List</li>
</ul>

2

<font face="Times New Roman" color="green">Text</font>
<p style="font-face:Times New Roman; color:green;">Text</p>

3

<IMG src="image.jpg" alt="description" border=2>

<img src="picture.jpg" alt="description" style="border-color:#000000; border-width:thick; border-style:solid;" />

4

No CSS necessary (inline formatting)
<link href="stylesheet.css" rel="stylesheet" type="text/css" />

5

<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01 TransitionalEN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


Web Resources



Give 10 examples of common tags that change
Give 5 examples of code snippets (not tags) that change