Jump to content
Please Use CODE Tags

What is wrong with my HTML.

MoonKnightSpidey
By MoonKnightSpidey
in Programming
 Share
Posted

It looks off, I don't know why.

<!DOCTYPE html><html>	<head>		<title>Michael</title>	</head>	<body> <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRcEjEt0kXbkc26O2ChHDt3uQgwwBocu9D5J_ppdbj7Zp7mA0woxw=="> 	<p> I am a [REDACTED FOR LTT] y/o Male who lives in Huntsville. Alabama.  </p>    	<ul> Interests <ul>	    <p> I like PC gaming, Doctor Who, and comic books. </p>  </body>    <body> <ul> Where I've Lived <ul>        <li> [REDACTED FOR LTT], Alabama </li>        <li>{REDACTED FOR LTT], Alabama </li>         </body><body>    <ul> Favorite Games </ul>        <li> Morrowind </li>        <li> Oblivion <li>        <li> Binding of Isaac:Rebirth </li>        </body>

This it what it looks like.

 

[image is here]

 

I am a [REDACTED FOR LTT] y/o Male who lives in Huntsville. Alabama.

  • Interests

    I like PC gaming, Doctor Who, and comic books.

  • Where I've Lived
    • [REDACTED FOR LTT], Alabama
    • [REDACTED FOR LTT], Alabama
  • Favorite Games
  • Morrowind
  • Oblivion
  •  
  • Binding of Isaac:Rebirth

   

 

 

 

 

 

Why does it look like this? Why isn't Morrowind, Oblivion and Rebirth like that why does it not look like "Where I've Lived"? Why is there a space between Oblivion and Rebirth?

    If anyone wonders why I am making this I am doing code academy.

PC SPECS: Athlon 860k, MSI 380 4GB, 8GB memory, 1TB HDD, Fractal Design Core 1000

Link to comment
https://linustechtips.com/topic/479578-what-is-wrong-with-my-html/
Share on other sites
Link to post
Share on other sites
Posted

It looks off, I don't know why.

<!DOCTYPE html><html>	<head>		<title>Michael</title>	</head>	<body> <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRcEjEt0kXbkc26O2ChHDt3uQgwwBocu9D5J_ppdbj7Zp7mA0woxw=="> 	<p> I am a [REDACTED FOR LTT] y/o Male who lives in Huntsville. Alabama.  </p>    	<ul> Interests <ul>	    <p> I like PC gaming, Doctor Who, and comic books. </p>  </body>    <body> <ul> Where I've Lived <ul>        <li> [REDACTED FOR LTT], Alabama </li>        <li>{REDACTED FOR LTT], Alabama </li>         </body><body>    <ul> Favorite Games </ul>        <li> Morrowind </li>        <li> Oblivion <li>        <li> Binding of Isaac:Rebirth </li>        </body>

This it what it looks like.

 

[image is here]

 

I am a [REDACTED FOR LTT] y/o Male who lives in Huntsville. Alabama.

  • Interests

    I like PC gaming, Doctor Who, and comic books.

  • Where I've Lived
    • [REDACTED FOR LTT], Alabama
    • [REDACTED FOR LTT], Alabama
  • Favorite Games
  • Morrowind
  • Oblivion
  •  
  • Binding of Isaac:Rebirth

   

 

 

 

 

 

Why does it look like this? Why isn't Morrowind, Oblivion and Rebirth like that why does it not look like "Where I've Lived"? Why is there a space between Oblivion and Rebirth?

    If anyone wonders why I am making this I am doing code academy.

 

I bolded the differences I saw.

 

edit: it doesn't look like bold works in code sections. just look closely. you forgot a few slashes in a couple places. I'm guessing that's the issue.

Recovering Apple addict

 

ASUS Zephyrus G14 2022

Spoiler

CPU: AMD Ryzen 9 6900HS GPU: AMD r680M / RX 6700S RAM: 16GB DDR5 

 

Link to post
Share on other sites
Posted
  • Author

I bolded the differences I saw.

 

edit: it doesn't look like bold works in code sections. just look closely. you forgot a few slashes in a couple places. I'm guessing that's the issue.

Where is the bold?

PC SPECS: Athlon 860k, MSI 380 4GB, 8GB memory, 1TB HDD, Fractal Design Core 1000

Link to post
Share on other sites
Posted

  1. <!DOCTYPE html>

  2. <html>

<head>

<title>Michael</title>

</head>

<body> <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRcEjEt0kXbkc26O2ChHDt3uQgwwBocu9D5J_ppdbj7Zp7mA0woxw==">

<p> I am a [REDACTED FOR LTT] y/o Male who lives in Huntsville. Alabama. </p>

<ul> Interests <ul>

<p> I like PC gaming, Doctor Who, and comic books. </p> </body>

<body> <ul> Where I've Lived <ul>

<li> [REDACTED FOR LTT], Alabama </li>

<li>{REDACTED FOR LTT], Alabama </li>

</body>

<body>

<ul> Favorite Games </ul>

<li> Morrowind </li>

<li> Oblivion <li>

<li> Binding of Isaac:Rebirth </li>

</body>

Recovering Apple addict

 

ASUS Zephyrus G14 2022

Spoiler

CPU: AMD Ryzen 9 6900HS GPU: AMD r680M / RX 6700S RAM: 16GB DDR5 

 

Link to post
Share on other sites
Posted
  • Author

Looks like you're missing forward slashes on some of the formatting.

Fixed that (thanks) but some stuff is still off. I added the forward slash on the oblivion <ul> Other than that what am I missing?

PC SPECS: Athlon 860k, MSI 380 4GB, 8GB memory, 1TB HDD, Fractal Design Core 1000

Link to post
Share on other sites
Posted
  • Author

 

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Michael</title>
  5. </head>
  6. <body> <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRcEjEt0kXbkc26O2ChHDt3uQgwwBocu9D5J_ppdbj7Zp7mA0woxw==">
  7. <p> I am a [REDACTED FOR LTT] y/o Male who lives in Huntsville. Alabama. </p>
  8. <ul> Interests <ul>
  9. <p> I like PC gaming, Doctor Who, and comic books. </p> </body>
  10. <body> <ul> Where I've Lived <ul>
  11. <li> [REDACTED FOR LTT], Alabama </li>
  12. <li>{REDACTED FOR LTT], Alabama </li>
  13. </body>
  14. <body>
  15. <ul> Favorite Games </ul>
  16. <li> Morrowind </li>
  17. <li> Oblivion <li>
  18. <li> Binding of Isaac:Rebirth </li>
  19. </body>

 

Thank you so much. It looks better (in my opinion) when you don't put a slash in front of the <ul> when you should.

PC SPECS: Athlon 860k, MSI 380 4GB, 8GB memory, 1TB HDD, Fractal Design Core 1000

Link to post
Share on other sites
Posted

Fixed that (thanks) but some stuff is still off. I added the forward slash on the oblivion <ul> Other than that what am I missing?

<!DOCTYPE html><html>	<head>		<title>Michael</title>	</head>	<body> <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRcEjEt0kXbkc26O2ChHDt3uQgwwBocu9D5J_ppdbj7Zp7mA0woxw=="> 	<p> I am a [REDACTED FOR LTT] y/o Male who lives in Huntsville. Alabama.  </p>    	<ul> Interests <ul>	    <p> I like PC gaming, Doctor Who, and comic books. </p>  </body>    <body> <ul> Where I've Lived <ul>        <li> [REDACTED FOR LTT], Alabama </li>        <li>{REDACTED FOR LTT], Alabama </li>         </body>    <body> <ul> Favorite Games <ul>        <li> Morrowind </li>        <li> Oblivion </li>        <li> Binding of Isaac:Rebirth </li>        </body>

This looks like what you wanted it to be, no?

Link to post
Share on other sites
Posted

Whats with all the body tags?

<html>    <head>        <title>Michale</title>    </head>    <body>        <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRcEjEt0kXbkc26O2ChHDt3uQgwwBocu9D5J_ppdbj7Zp7mA0woxw=="/>        <p> I am a [REDACTED FOR LTT] y/o Male who lives in Huntsville. Alabama.  </p>        <h3>Interests</h3>        <ul>            <li>I like PC gaming, Doctor Who, and comic books.</li>        </ul>        <h3>Where i lived</h3>        <ul>            <li>place</li>            <li>place 2</li>        </ul>        <h3>Favortie</h3>        <ul>            <li>Games</li>        </ul>           </body></html>

                     ¸„»°'´¸„»°'´ Vorticalbox `'°«„¸`'°«„¸
`'°«„¸¸„»°'´¸„»°'´`'°«„¸Scientia Potentia est  ¸„»°'´`'°«„¸`'°«„¸¸„»°'´

Link to post
Share on other sites
Posted

first off, you're closing your lists at the title, instead of surrounding them in <ul> tags, use <p> tags and then places the items in those lists in the <ul> tags

 

Also, it helps if you format your HTML, I don't know why nobody does this, unformatted HTML can be difficult to read

</html>	<body> <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRcEjEt0kXbkc26O2ChHDt3uQgwwBocu9D5J_ppdbj7Zp7mA0woxw==">         <p> I am a [REDACTED FOR LTT] y/o Male who lives in Huntsville. Alabama.  </p>            <ul> Interests <ul>            <p> I like PC gaming, Doctor Who, and comic books. </p>            <div id="placesLived">                Where I've Lived                 <ul>                    <li> [REDACTED FOR LTT], Alabama </li>                    <li>{REDACTED FOR LTT], Alabama </li>                </ul>            </div>            <div id="faveGames">	            <p>Favorite Games</p>                <ul>                    <li> Morrowind </li>                    <li> Oblivion <li>                    <li> Binding of Isaac:Rebirth </li>                </ul>            </div>        </ul>    </body></html>

My procrastination is the bane of my existence.

I make games and stuff in my spare time.

 

 

Link to post
Share on other sites
  • 2 weeks later...
Posted

snip

 

Where did you learn how to write HTML?  Your DOM tree is off, the nesting of your tags is incorrect, see the following user's comment for the correct structure you should have.

 

snip

Guide: DSLR or Video camera?, Guide: Film/Photo makers' useful resources, Guide: Lenses, a quick primer

Nikon D4, Nikon D800E, Fuji X-E2, Canon G16, Gopro Hero 3+, iPhone 5s. Hasselblad 500C/M, Sony PXW-FS7

ICT Consultant, Photographer, Video producer, Scuba diver and underwater explorer, Nature & humanitarian documentary producer

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing Programming

×