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

View, organize, and share photos and videos with iCloud Photos on the web. Changes will sync across your devices with iCloud.

icloud.com

Kit_and_Set_Tools_Web_Design 1.hml

snhu-my.sharepoint.com

Outlook

Design thinking activities and tools - Enterprise Design Thinking

ibm.com
Thumbnail of Design thinking activities and tools - Enterprise Design Thinking

Ad Campaign Boot Camp

AD CAMPAIGN BOOT CAMP This is a cheat sheet of the industry's most referenced, timeless (or soon-to-be timeless) ads. To suggest an addition to the list, or flag a broken link, email me at gabriel.sehringer@gmail.com. If you’ve found this list helpful, consider donating to The Asian Mental Hea...

docs.google.com
Thumbnail of Ad Campaign Boot Camp