Example Program
  • index.css
  • index.html
Font Size
14
Parentheses autocomplete
Wrap lines
Editor
Theme
Code with blocks by default
Console Font Size
12
Console Theme
Show File Tab Bar
Show Console
Code Running Environment
11 Online Shop: HTML Tables
index.html
<!DOCTYPE html>
<html>
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Output
Docs
Example
More
This student is viewing this assignment in English. View this page in English?
5 points

Objective

Take a look at this example to see how <table>, <img>, <button> tags help to create a simple product layout.

Expected Output

Image of what the shop should look like.

Code Example

<html>
  <body>
    <table>
      <tr>

        <td>
          <img src= "URL TO IMAGE #1 GOES HERE" alt="" width="250" height="200">
          <h3>Price: $0.00</h3>
          <button>Buy Now</button>
        </td>

        <td>
          <img src="URL TO IMAGE #2 GOES HERE" alt="" width="250" height="200">
          <h3>Price: $0.00</h3>
          <button>Buy Now</button>
        </td>

        <td>
          <img src="URL TO IMAGE #3 GOES HERE" alt="" width="250" height="200">
          <h3>Price:$0.00</h3>
          <button>Buy Now</button>
        </td>
      </tr>
    </table>
    </body>
</html>
Reset Code

Slides and Notes

No slides available for this video

About

WebDev