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>
Steven Parker105,610 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!