Lee-3

by David Kyle

HTML

<!-- HTML Elements CAN have "attributes" -->
<!-- Attributes alter HTML elements, or provide additional information on the content -->
<table border="1">
  <tr>
    <td>Id</td>
    <td>Color</td>
  </tr>
  <tr>
    <td>1</td>
    <td>Blue</td>
  </tr>
</table>

<!-- sometimes HTML elements are optional.  for tables, td can be used for table cell, but additional style is applied by default when using a "th" table header. You can also put additional "context" by using "thead"-->
<br />
<table border="1" cellpadding="3" cellspacing="0">
  <thead>
    <tr>
      <th>1</th>
      <th>Color</th>
    </tr>
  </thead>
  <tr>
    <td>1</td>
    <td>Blue</td>
  </tr>
</table>

<!-- An HTML image element doesn't really do much without attributes.  The src="" attribute points the image element to URL of an image, while the "alt" attribute is an accessibility attribute that displays if the image couldn't be found at the URL (like if you mis-spelled the URL), or for accessibility purposes. -->
<img src="https://m.media-amazon.com/images/I/51F93+qunKL.jpg" alt="Basil Seeds" />
<br />
<img src="https://m.media-amsazon.com/images/I/51F93+qunKL.jpg" alt="Basil Seeds" /> <!-- this one has a "typo" in the URL, so the alt text is displayed instead of the image. -->