IT 270 Module 4 Activity
This document summarizes the completion of the Module 4 HTML Table and Form Concepts activity for the IT 270 course. The task involved creating an HTML table displaying a CBS primetime TV schedule and styling it using CSS. The completed work is integrated into the 'Kit and Set Tools' website.
HTML Code Snippet
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Kit and Set Tools - Mod 4 Activity</title> <link rel="stylesheet" href="styles.css"></head><body> <header> <h1>Kit and Set Tools</h1> <p>Exploring HTML Table and Form Concepts</p> </header> <main> <section> <h2>CBS Primetime TV Schedule</h2> <table> <thead> <tr> <th>Day</th> <th>8:00</th> <th>8:30</th> <th>9:00</th> <th>9:30</th> <th>10:00</th> <th>10:30</th> </tr> </thead> <tbody> <tr> <td>Mon</td> <td>Big Bang Theory</td>
<td>How I Met Your Mother</td> <td>Two and a Half Men</td> <td>Rules of Engagement</td> <td>CSI: Miami</td> <td></td> </tr> <tr> <td>Tue</td> <td>NCIS</td> <td></td> <td>The Mentalist</td> <td></td> <td>Without a Trace</td> <td></td> </tr> <tr> <td>Wed</td> <td>New Adventures of Old Christine</td> <td>Gary Unmarried</td> <td>Criminal Minds</td> <td></td> <td>CSI: New York</td> <td></td> </tr> <tr> <td>Thu</td> <td>Survivor</td> <td></td> <td>CSI: Crime Scene Investigation</td> <td></td> <td>Eleventh Hour</td> <td></td> </tr> <tr> <td>Fri</td> <td>Ghost Whisperer</td> <td></td> <td>Flashpoint</td> <td></td> <td>Numb3rs</td> <td></td> </tr>
</tbody> </table> </section> </main> <footer> <p>© 2024 Kit and Set Tools. All rights reserved.</p> </footer></body></html>
CSS Code Snippet
body { font-family: Arial, sans-serif; margin: 0; padding: 0; line-height: 1.6; background-color: #f4f4f9;}header { background: #333; color: #fff; text-align: center; padding: 1rem 0;}main { margin: 20px auto; max-width: 900px; background: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}h1, h2 { color: #333;}table { width: 100%; border-collapse: collapse; margin: 20px 0;}table th, table td {
border: 1px solid #ddd; padding: 8px; text-align: center;}table th { background: #f4f4f9; color: #333; font-weight: bold;}
Saved by Erika Ecker
