LESSON 1
What is XHTML?
Extensible HyperText Markup
Language
It was developed to cater to the
fast- paced growth of
technology
What is XHTML?
Current market is composed of
many different browser
technologies (computers,
mobile phones etc.). Not all of
them have the capability to
successfully interpret wrong
HTML syntax
What is XHTML?
The content or the actual coding
might change because of XHTML
conventions but take note, it still
holds the same filename extension
(.html)
X came from XML (Extensible
Markup Language)
What is XML?
Extensible Markup Language
Came from SGML; very
complicated language that is
not made for humans to write
(metalanguage; use to define
other languages).
Proper Nesting
Wrong nesting
<b><i> Section <b><i>
Right nesting
<b><i> Section <i><b>
Proper Tag closing
Wrong Tag closing
<p> Section
Right tag closing
<p> Section </p>
Proper Tag closing
Empty tags
Type of tags that can stand
alone
Do not require an end tag
 Example:
<hr>, <br> etc.
Proper Tag closing
Empty tags
Wrong closing
 <hr>
 <br>
Right closing
 <hr />
 <br />
Elements in Lowercase characters
Wrong Lowercase characters
<P> Section </P>
Right Lowercase characters
<p> Section </p>
One root Element
Structure of an XHTML File
 <html>
<head>
<!-- head part goes here -->
</head>
<body>
<!– body part goes here -->
</body>
</html>
Attributes in Lowercase characters
Wrong Lowercase characters
<img SRC=“pictures.jpg” />
Right Lowercase characters
 <img src=“pictures.jpg” />
Attributes in Lowercase characters
Wrong Lowercase characters
<img SRC=“pictures.jpg” />
Right Lowercase characters
 <img src=“pictures.jpg” />
PREPARED BY: JOHNMAR RAMOS

XHTML

  • 1.
  • 2.
    What is XHTML? ExtensibleHyperText Markup Language It was developed to cater to the fast- paced growth of technology
  • 3.
    What is XHTML? Currentmarket is composed of many different browser technologies (computers, mobile phones etc.). Not all of them have the capability to successfully interpret wrong HTML syntax
  • 4.
    What is XHTML? Thecontent or the actual coding might change because of XHTML conventions but take note, it still holds the same filename extension (.html) X came from XML (Extensible Markup Language)
  • 5.
    What is XML? ExtensibleMarkup Language Came from SGML; very complicated language that is not made for humans to write (metalanguage; use to define other languages).
  • 6.
    Proper Nesting Wrong nesting <b><i>Section <b><i> Right nesting <b><i> Section <i><b>
  • 7.
    Proper Tag closing WrongTag closing <p> Section Right tag closing <p> Section </p>
  • 8.
    Proper Tag closing Emptytags Type of tags that can stand alone Do not require an end tag  Example: <hr>, <br> etc.
  • 9.
    Proper Tag closing Emptytags Wrong closing  <hr>  <br> Right closing  <hr />  <br />
  • 10.
    Elements in Lowercasecharacters Wrong Lowercase characters <P> Section </P> Right Lowercase characters <p> Section </p>
  • 11.
    One root Element Structureof an XHTML File  <html> <head> <!-- head part goes here --> </head> <body> <!– body part goes here --> </body> </html>
  • 12.
    Attributes in Lowercasecharacters Wrong Lowercase characters <img SRC=“pictures.jpg” /> Right Lowercase characters  <img src=“pictures.jpg” />
  • 13.
    Attributes in Lowercasecharacters Wrong Lowercase characters <img SRC=“pictures.jpg” /> Right Lowercase characters  <img src=“pictures.jpg” />
  • 16.