HTML

Code not appearing in browser

Hello, I am working in a responsive site project. It was all going well and I was able to see the site in Safari without any problem, but after I added the style tag to the images the site is not longer showing. When I open the html file in Atom, I see the code there, but not in the browser. What happened??? What is the error??? Is the code now corrupted? Do I have to start from scratch?

Here is the code...

Thanks for the help. Sylvia

<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<h1>Sylvia B.</h1>
<ul>
  <li><a href="home.asp">HOME</a></li>
  <li><a href="news.asp">NEWS</a></li>
  <li><a href="contact.asp">CONTACT</a></li>
</ul>

<img src="images/responsive-layout-profile.png" alt="Profile Image" style="width:367px; height:225px;>
<p>Hello! I am Sylvia.</p>

<h2>PORTFOLIO</h2>
<img src="images/portfolio-1.png" alt="Marketing" style="width:367px;height:225px;>
<p>Take a look at my portfolio.</p>

<h2>Marketing Page</h2>
<p>Click on this link so you can check the marketing website meant for a specific business I am interested in.</p>

</body>
</html>

2 Answers

Steven Parker
Steven Parker
133,866 Points

The syntax coloring shown above gives you a clue. You forgot to put the closing quote mark after your new style values.

Thanks Steven for your feedback!