Create semantic HTML tables - HTML教程

内容

• Introduction Introduction

  • Create semantic HTML tables

    35 秒
  • What you should know

    1 分钟 6 秒
  • Working with CodePen

    1 分钟 39 秒
• 1. Table Basics 1. Table Basics

  • (已锁定)
    Display data semantically

    2 分钟 44 秒
  • (已锁定)
    Understand table rows and table data

    5 分钟 13 秒
  • Add content and data to table cells

    4 分钟 57 秒
  • (已锁定)
    Understand table headings

    2 分钟
  • (已锁定)
    Identify table head, body, and foot

    5 分钟 37 秒
  • (已锁定)
    Include table captions

    2 分钟 32 秒
  • (已锁定)
    Group columns and apply to headers

    5 分钟
  • (已锁定)
    Use colspan and rowspan

    4 分钟 25 秒
  • (已锁定)
    Challenge: Mark up a table

    2 分钟 42 秒
  • (已锁定)
    Solution: Mark up a table

    3 分钟 49 秒
• 2. Styling HTML Tables 2. Styling HTML Tables

  • Style table borders and basic styling

    5 分钟 46 秒
  • (已锁定)
    Style the table caption

    1 分钟 51 秒
  • (已锁定)
    Style your table headers and footers

    4 分钟 43 秒
  • (已锁定)
    Stripe table rows with background colors

    4 分钟 8 秒
  • (已锁定)
    Challenge: Style HTML tables

    1 分钟 22 秒
  • (已锁定)
    Solution: Style HTML tables

    3 分钟
• 3. Making Tables Responsive 3. Making Tables Responsive

  • Responsive tables with side scrolling

    5 分钟
  • (已锁定)
    Reformat a table for responsive layout

    6 分钟 43 秒
  • (已锁定)
    Final styling tweaks

    3 分钟 50 秒
  • (已锁定)
    Challenge: Make tables responsive

    1 分钟 19 秒
  • (已锁定)
    Solution: Make tables responsive

    3 分钟 39 秒
• Conclusion Conclusion

  • (已锁定)
    Next steps

    1 分钟 10 秒