HTML SVG Basics Introduction to SVG SVGs as Images

Rouillie Wilkerson
Rouillie Wilkerson
10,406 Points

Browser isn't showing the same Title and star image. Google is the browser used.

This is my index.html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Scalable Vector Graphics</title> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/normalize.css"> </head> <body> <h1>SVG Example</h1>

<div class="wrapper">

    <img src="img/star.svg" alt="Star Logo">

</div> </body>

</html>

The following is what I see when I view it in the browser:

Index of / [ICO] Name Last modified Size Description [DIR] css/ 2019-08-25 05:38 -
[DIR] img/ 2019-08-25 05:40 -
Apache/2.4.18 (Ubuntu) Server at port-80-cvk2pc70ps.treehouse-app.com Port 80

Dan Weru
Dan Weru
47,637 Points
<!DOCTYPE html>
<html lang="en"> 
  <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     <title>Scalable Vector Graphics</title> 
     <link rel="stylesheet" href="css/normalize.css">
     <link rel="stylesheet" href="css/main.css"> 
  </head>
 <body> 
     <h1>SVG Example</h1>
     <div class="wrapper">
        <img src="img/star.svg" alt="Star Logo">
     </div> 
  </body>
</html>