inside out – STEP 009 | Displaying Data HTML5 Tables – Assignment
Overview
In this lesson, we learn how to use HTML5 Tables and complete our family, friends, others, and people html pages.
Each action item has been linked to the time stamp in the lesson video to help you focus on learning rather than searching for information. Please be sure to complete each step as demonstrated in the “inside out – STEP 009 | Displaying Data HTML5 Tables” videos.
Action Items to Complete
- Complete all steps completed in the video “inside out – STEP 009 | Displaying Data HTML5 Tables”.
- 00:00 – Introduction
- 00:12 – lesson overview
- 02:15 – copy folder 006 and rename to 009
- 03:29 – add table element
- 03:39 – add width attribute to the table
- 03:57 – add padding attribute to the table
- 04:26 – add caption element to the table
- 04:43 – add table head element to the table
- 05:08 – add table head row element to the table
- 05:29 – add table heading elements to the table
- 05:51 – add th element width attribute
- 06:06 – add th element scope attribute
- 06:55 – add tbody element to the table
- 07:05 – add tr element to the tbody
- 07:17 – add td element to the tbody tr elements
- 07:40 – copy and paste table rows
- 08:08 – prepare format in top of page quote
- 08:12 – add _br /_ to page quote
- 08:23 – add _em/_ to page quote
- 09:16 – add filler teext to our layout
- 10:30 – copy and paste section layout to pages
- 12:26 – add additional rows to people page
- 12:59 – add content to family page
- 15:57 – add content to friends page
- 18:33 – add content to others page
- 21:24 – add content to people page
- 25:33 – add style for tables
- 27:09 – upload completed work to server
- 28:50 – lesson wrap up overview
- Push all the files you have created to your server and review that your work is error-free and aligns with the completed work in the video. UPLOAD YOUR WORK TO YOUR WEBSITELinks to an external site.
- Submit the url to your website once you have validated your work and are confident you have completed everything. Your page should look like the one you see when you go here: https://inside-out-project.com/step/step-009/people.html
please note: your assignment is to be submitted in the step folder as shown in the example above.