2.3 - Tables & Styles


  • Please submit your 2.1 and 2.2 Replit projects.

    • Note to self - Loglicly assignment from Hapara Workspace

  • Check out the previous lessons and do some research. There are plenty of fantastic YouTube tutorials.

You might want to read through these if you're feeling behind:

Today's Lesson: 2.3 - Tables & Style

  • Tables allow us to make grids of data

    • <table> - Start and end the table information (similar to <ol> or <ul>)

    • <tr> - Table row. Used to define one row of cells.

    • <th> - Table heading cell. Used in the top row to create "headings" for each column.

    • <td> - Table data cell. Creates a cell or box to hold text and media.

  • The style attribute (know as cascading style sheets or CSS) allows us to change the look and feel of HTML elements

    • There are three (3) different ways to add style to your HTML.

      • Inline - by using the style attribute inside HTML elements.

        • Good for beginners or a quick change. Example

      • Internal - by using a <style> element in the <head> section.

        • Good if you don't want separate files. Example

      • External - by using a <link> element to link to an external CSS file.

        • Clean and separates style from HTML. Example

Today's Task(s) / Homework