IT 270 Module 4 ActivityThis 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>&copy; 2024 Kit and Set Tools. All rights reserved.</p> </footer></body></html>CSS Code Snippetbody { 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 EckerRelated7GUIs - HTML, CSS & JS7guis.bradwoods.iogabriel added

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

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;title&gt;Kit and Set Tools - Mod 4 Activity&lt;/title&gt; &lt;link rel="stylesheet" href="styles.css"&gt;&lt;/head&gt;&lt;body&gt; &lt;header&gt; &lt;h1&gt;Kit and Set Tools&lt;/h1&gt; &lt;p&gt;Exploring HTML Table and Form Concepts&lt;/p&gt; &lt;/header&gt; &lt;main&gt; &lt;section&gt; &lt;h2&gt;CBS Primetime TV Schedule&lt;/h2&gt; &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Day&lt;/th&gt; &lt;th&gt;8:00&lt;/th&gt; &lt;th&gt;8:30&lt;/th&gt; &lt;th&gt;9:00&lt;/th&gt; &lt;th&gt;9:30&lt;/th&gt; &lt;th&gt;10:00&lt;/th&gt; &lt;th&gt;10:30&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;Mon&lt;/td&gt; &lt;td&gt;Big Bang Theory&lt;/td&gt;

&lt;td&gt;How I Met Your Mother&lt;/td&gt; &lt;td&gt;Two and a Half Men&lt;/td&gt; &lt;td&gt;Rules of Engagement&lt;/td&gt; &lt;td&gt;CSI: Miami&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Tue&lt;/td&gt; &lt;td&gt;NCIS&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;The Mentalist&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;Without a Trace&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Wed&lt;/td&gt; &lt;td&gt;New Adventures of Old Christine&lt;/td&gt; &lt;td&gt;Gary Unmarried&lt;/td&gt; &lt;td&gt;Criminal Minds&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;CSI: New York&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Thu&lt;/td&gt; &lt;td&gt;Survivor&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;CSI: Crime Scene Investigation&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;Eleventh Hour&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Fri&lt;/td&gt; &lt;td&gt;Ghost Whisperer&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;Flashpoint&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;Numb3rs&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt;

&lt;/tbody&gt; &lt;/table&gt; &lt;/section&gt; &lt;/main&gt; &lt;footer&gt; &lt;p&gt;&copy; 2024 Kit and Set Tools. All rights reserved.&lt;/p&gt; &lt;/footer&gt;&lt;/body&gt;&lt;/html&gt;

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

Related

7GUIs - HTML, CSS & JS

7guis.bradwoods.io

gabriel added

IT 270 Module 4 Activity This document summarizes the comple...

Saved by Erika Ecker

Outlook

Outlook

Web Design Museum

webdesignmuseum.org