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
Смотрите видео Use HTML Tables to Display Data онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Craig A. Bourne 03 Март 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 4,111 раз и оно понравилось 126 людям.