CODEWITHSUNDEEP
htmlcss
Mayuresh
Mayuresh

Reputation: 3

Why is my site blank when I add HTML or CSS?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>🔥Mayur's Personal Site</title>

    <style>
        body{
            background-color: #eaf6f6;
        }
        hr{
            background-color: white;
            border-style: none;
        }
    </style>

</head>
<body>
    
    <img src="mayurrr.png" alt="mayuresh profile picture">
    <h1>Mayuresh Bhosale</h1>
    <p><i><strong> Student of <a href="https://www.sanjivanicoe.org.in/">Sanjivani College of Engineering, Kopargaon.</a> </strong></i></p>
    
    <p>Hi I am Mayuresh from Aurangabad. I am pursuing my B.tech from Sanjivani College of Engineering, Kopargaon.
         <br>I am learning Web Development from udemy.</p>
    <hr>
    
    <h3>Education</h3>

        
        <table border="1">
            <thead>
                <th>Year</th>
                <th>School/College</th>
            </thead>
           
            <tr>
                <td>2007-2017</td>
                <td>Maharashtra Public School, Aurangabad</td>

            </tr>
            <tr>
                <td>2017-2019</td>
                <td>Sarosh Junior College, Aurangabad</td>
            </tr>
            <tr>
                <td>2019</td>
                <td>Sanjivani College of Engineering, Kopargaon</td>

            </tr>
        </table>
    
    <hr>
    <h3>Hobbies</h3>
    <ol type="I">
        <li><a href="https://www.instagram.com/i.mayuresh.__/">Photography</a> </li>
        <li><a href="https://www.riotgames.com/en">Playing Games</a> </li>
        <li><a href="hobbies.html">Listening to Music</a> </li>
    </ol>
    <p><a href="contact.html">Contact Me</a></p>
    </body>
</body>
</html>

this is the code! If I try to add table and in that one row then website gets blank.This same happened when I tried to add background colour to horizontal rule in style tag. Did anyone faced same problem when learning HTML and css? Now I have added exact same code which is not executing properly.

Upvotes: 0

Views: 456

Answers (2)

Love2Code
Love2Code

Reputation: 470

There are many possible reasons for a code to run blank on a computer. In some cases it might be because you haven't closed <body> or </head> tags properly (or maybe you have duplicates). In other cases however, it might have to do with your computers storage capacity. Check if your storage capacity says something like "0 bytes available" or a very low number. If this is the case you can clean up system files and you should be good.

Upvotes: 0

Johannes
Johannes

Reputation: 67778

Your table is inside a ul element, and it's the only child element of that ul. That's invalid HTML. A ul has to contain li elements.

Just erase the ul opening and closing tag.

Upvotes: 1

Related Questions