Image Not Showing

  1. Check your syntax
    • It should be  <img src=”address” /> where “address” is a URL or the name of an image file
  2. Make sure the image file is in the right place
    • Any file you reference must have a clear path to it. This means if you write <img src=”logo.png” /> then logo.png must be in the same folder as your webpage. If it’s in a folder called “images” then you need to say so  like, <img src=”images/logo.png” />

Style Not Showing Up

  1. Check that you have referenced your stylesheet correctly and that it’s in the same folder as your webpage
    • Put this code inside the head: <link rel=”stylesheet” type=”text/css” href=”style.css” /> The head, as you recall, is the place to define information about a page.
  2. Make sure you’re using the correct syntax for CSS. It looks like this:
    • Notice the colons and semi-colons. The basic syntax is selector {property: value; property:value;}
  3. Make sure the property you’re trying to use exists.
    1. Do a google search of the property you’re trying to use. Make sure it’s the right one

My HTML Elements aren’t Showing Up or Are Showing Up Wrong

  1. Make sure you’re using the correct syntax. A basic page looks like this:
    • Note that all opening tags have an accompanying closing tag. <p> is paired with </p>. <body> is paired with </body>
      • Exceptions to this rule are <img> <br> <hr /> and <link>. This is because there is nothing that would ever go in between them, i.e. they stand alone
  2. Make sure you’re not jamming block-level elements into each other.
    • You’ll recall that block-level elements (<p>, <h1>, <ul>, etc.) take up a whole “block” of the page. That is, they stretch the width of the page. They are meant to stand alone, so don’t put them inside each other.