1 Create An External Style Sheet Using A Text Editor Of Your Choosing In The Css File Add The Following Style Rules A 1 (122.34 KiB) Viewed 37 times
1. Create an external style sheet using a text editor of your choosing. In the CSS file add the following style rules: a. Set table layout to be fixed. b. Ensure the table width is set to 100%. c. Apply a border to the table, table headers, and table data. d. Make sure the table borders as set to collapse. e. Configure 20px of padding for table headers and table data and make sure text is center aligned for these elements. f. Configure a black background with white text color that is bold for <thead>. g. Configuring zebra striping for the rows in <tbody> that displays even rows with this shade of blue - #0056ED and odd rows with this shade of blue - #D7FAFE. h. Configure a black background with white text color that is 9px in size and centered for <tfoot>. i. Configure the caption to have a font size of 25px and padding of 10px. j. Save the file as styles.css. 2. Create a webpage using a text editor of your choosing. In the html file add the following: a. Make sure to include the standard HTML 5 template. b. In the <head> section link to the stylesheet you created earlier. c. In the <body> section use an <h1> that contains the text "My First HTML Table" Under that <h1> open your <table> and configure a caption for the table using the <caption> element. d. e. Under <caption> you will begin coding your table. The table needs to have a header row, and at least three rows of table data consisting of the First Name, Last Name, and Birthday. The header row needs to be configured in <thead> and should use the <th> element. The table data needs to be configured within <tbody>. Finally, configure a footer for the table in <tfoot> that contains the text "Last updated on XX/XX/YYYY" with the values filled in for whatever date you created the table. It should span 3 columns. Make sure the text is centered. f. Close the table with the appropriate closing tag. g. Save the file as table.html
My First HTML Table Firstname Darth Luke Leia My Gang Lastname Vader Skywalker Skywalker Last updated on 11:29:18 Birth Date 01/01/00 02/02/25 02/02/25
Join a community of subject matter experts. Register for FREE to view solutions, replies, and use search function. Request answer by replying!