Use HTML Tables to Display Data
► An HTML table is used for displaying tabular data organized in a series of rows and columns.
Tables allow us to find information quickly and easily. Common table data could include train or flight schedules, stock prices, and scientific research findings. On the Minim website, we have tables that display HTML entities and the associated keywords and aliases, for example.
Tables are created in HTML with the table element. This element does nothing by itself and needs other elements nested inside that create the table structure.
In this video, we will look at all of the elements that make up a typical table you'd find on the web, and build one of our own.
► Timestamps:
0:00 Start
0:53 When tables were used for layout
1:39 Examples of tables on the web
2:36 Common table elements
2:55 Creating an HTML file to work in
4:09 Tables in HTML
4:32 Structuring a table
5:04 Table rows
5:48 Table headings
6:28 Table data
7:13 The border attribute (deprecated)
8:02 Exercise - Building an invoice using tables
9:46 Breaking down the table sections
10:30 Using Emmet to autocomplete a table structure
11:24 Building the table head
13:05 Building the table body
13:48 Building the table footer
14:09 The colspan attribute
15:18 Summary
► Get the code:
Repo: https://github.com/craigabourne/html-...
► Links used in the video:
https://finance.yahoo.com/quote/GOOG?...
https://nssdc.gsfc.nasa.gov/planetary...
https://www.w3schools.com/html/html_t...
► The HTML for Absolute Beginners Playlist: • HTML for Absolute Beginners
► Social Media:
/ craigabourne
/ craigabourne
► Code & Projects:
https://github.com/craigabourne
https://codepen.io/craigabourne
Watch video Use HTML Tables to Display Data online without registration, duration hours minute second in high quality. This video was added by user Craig A. Bourne 03 March 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,111 once and liked it 126 people.