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-tables ► Links used in the video: https://finance.yahoo.com/quote/GOOG?p=GOOG&.tsrc=fin-srch-v1&guccounter=1 https://nssdc.gsfc.nasa.gov/planetary/factsheet/ https://www.w3schools.com/html/html_tables.asp ► The HTML for Absolute Beginners Playlist: https://www.youtube.com/playlist?list=PL4cTxE4s2XIYJL6uPQUwMt25M70gPl-O6 ► Social Media: https://www.twitter.com/craigabourne https://www.instagram.com/craigabourne ► Code & Projects: https://github.com/craigabourne https://codepen.io/craigabourne