HTML Tutorial for Beginners(2022) - Set Table Width in HTML

The video tutorial explains how to set table width in HTML5 using CSS instead of the deprecated HTML table width attribute. It demonstrates running an HTML file, adding borders to tables, and setting styles for table headers and cells using CSS. The tutorial emphasizes making tables responsive by setting the width property to 100% in CSS, ensuring the table adjusts to different screen sizes. The example includes a sample HTML page with a table displaying team records, showcasing the application of these concepts.

What is the recommended way to set the width of a table in HTML5?

• Using the HTML5 width tag

• Using the CSS width property

• Using JavaScript

• Using the table width attribute

Why is the CSS width property set to 100% for tables?

• To apply a default style

• To make the table fill the entire screen

• To ensure the table is responsive

• To make the table look bigger

Which CSS property is used to add borders to a table?

• border-color

• border-width

• border

• border-style

How many rows and columns does the example table have?

• 2 rows and 2 columns

• 3 rows and 3 columns

• 3 rows and 2 columns

• 2 rows and 3 columns

What is the purpose of setting the table width to 100%?

• To fix the table width

• To ensure the table width adjusts with the screen size

• To make the table non-responsive

• To make the table invisible