Latest Lists

Home > Unordered List Information > Unordered List Knowledge Base > Please can somebody tell me what is wrong with these chunks of XHTML coding - its giving me a headache?

Please can somebody tell me what is wrong with these chunks of XHTML coding - its giving me a headache?

*Firstly*: <body> <h1> Some New Tags <h2> Two Types of List <h3> An Unordered List <ul> <li> <!-- This is an unordered list, thus uses bullet points, not numbers to identify each point --> <h2>unordered list</h2> <ul> <li>A list with bullet point</li> <li>An item in the list</li> <li>Another one</li> </ul> </li> </ul> *Secondly*: <!-- This is an ordered list, thus uses numbers, not bullet points to identify each point --> <h3> An Ordered List <ol> <li> <h2>ordered list</h2> <ol> <li>The first item</li> <li>The second one</li> <li>The third</li> </ol> </li> *And finally*: <div id="pic1"> <img src="c8.jpg" width="200" height="150" alt="The Alfa Romeo C8 Competizione" /> </div> <div id="pic2"> <img src="azk-bubble-ltr-8b.png" width="200" height="200" alt="The letter 'B'" /> <div id="pic3"> </div> <img src="beach.jpg" width="200" height="150" alt="runners on Miami beach" /> </div>

Public Comments

  1. try looking at the syntax rules in www.w3schools.com/xhtml
  2. Go to this link and it will tell you where the problems are on your site. http://validator.w3.org/ It validates your html... just give them your web address and they will crawl your site and show all the errors and warnings also explaining what you need to do to fix it. On a whim... you are not closing your tags properly.
  3. I fixed your code a bit: * Firstly * <body> <h1> Some New Tags </h1> <!-- YOU FORGOT TO CLOSE THIS TAG --> <h2> Two Types of List </h2> <!-- YOU FORGOT TO CLOSE THIS TAG --> <h3> An Unordered List </h3> <!-- YOU FORGOT TO CLOSE THIS TAG --> <ul> <li> <!-- This is an unordered list, thus uses bullet points, not numbers to identify each point --> <h2>unordered list</h2> <ul> <li>A list with bullet point</li> <li>An item in the list</li> <li>Another one</li> </ul> </li> </ul> * Secondly * <!-- This is an ordered list, thus uses numbers, not bullet points to identify each point --> <h3> An Ordered List </h3> <!-- YOU FORGOT TO CLOSE THIS TAG --> <ol> <li> <h2>ordered list</h2> <ol> <li>The first item</li> <li>The second one</li> <li>The third</li> </ol> </li> </ol> <!-- YOU FORGOT TO CLOSE THIS ONE TOO --> * And finally * <div id="pic1"> <img src="c8.jpg" width="200" height="150" alt="The Alfa Romeo C8 Competizione" /> </div> <div id="pic2"> <img src="azk-bubble-ltr-8b.png" width="200" height="200" alt="The letter 'B'" /> </div> <div id="pic3"> <img src="beach.jpg" width="200" height="150" alt="runners on Miami beach" /> </div> ========================================== Also, I must say that this is not the best coding in the world. You can optimize these HTML markups. There are some unnecesary <ul> / <ol> tags in your snippets.
  4. there you go <body> <h1> Some New Tags</h1> <h2> Two Types of List</h2> <h3> An Unordered List</h3> <ul> <li> <!-- This is an unordered list, thus uses bullet points, not numbers to identify each point --> <h2>unordered list</h2> <ul> <li>A list with bullet point</li> <li>An item in the list</li> <li>Another one</li> </ul> </li> </ul> *Secondly*: <!-- This is an ordered list, thus uses numbers, not bullet points to identify each point --> <h3> An Ordered List</h3> <li> <h2>ordered list</h2> <ol> <li>The first item</li> <li>The second one</li> <li>The third</li> </ol> </li> *And finally*: <div id="pic1"> <img src="c8.jpg" width="200" height="150" alt="The Alfa Romeo C8 Competizione" /> </div> <div id="pic2"> <img src="azk-bubble-ltr-8b.png" width="200" height="200" alt="The letter 'B'" /> </div> <div id="pic3"> <img src="beach.jpg" width="200" height="150" alt="runners on Miami beach" /> </div> </body>
Powered by Yahoo! Answers