HTML & CSS

\-\-\-\-\-\- [REGISTER FOR THE EVENT HERE (ON LUMA)!](https://luma.com/6izjbt9t)[ ](https://luma.com/fnai8zxh)\-\-\-\-\-\- Join us for an evening of collaborative problem-solving as we work on a variety of civic tech projects together. Project needs vary but often include brainstorming, researching, writing, coding, or analyzing data. Check out [our website](https://www.civictechdc.org/projects) for a list of projects which may make an appearance! Meet other civic tech enthusiasts. Learn new skills. Contribute to a project to improve a local civic issue. **All are welcome and collaboration is encouraged.** Laptops are recommended but not required. **Where do I register?** To better serve our growing community, we’re transitioning our event registrations to Luma! **We still love Meetup** Meetup has been an incredible platform for us to build and connect with our community. We’ll continue sharing upcoming events there so that new people can find us, but Luma will be our primary registration platform moving forward. **Why we're making the switch** Meetup’s registration system has some limitations, and we need more flexibility to manage sign-ups and engagement. \-\-\-\-\-\- [REGISTER FOR THE EVENT HERE (ON LUMA)!](https://luma.com/6izjbt9t) \-\-\-\-\-\-

L'Exil et le Royaume d'Albert Camus est un recueil de six nouvelles explorant la condition humaine entre l'exil (solitude, absurdité, séparation, déréliction) et le royaume (sérénité, communion avec le monde). Exile and the Kingdom is Albert Camus' fine collection of six short stories which explores the human condition between exile (solitude, absuridity, apartness, abandonment) and the kingdom (peace, communion with the world). L'Exil et le Royaume, published in 1957, was the last work of fiction Camus produced before his tragic early death in 1960. Si vous allez lire l'Exil en français, il faut commander via Schoehof's avant 14h (Heure de l'Est) pour accélérer le traitement de votre commande. https://www.schoenhofs.com/LExil-et-le-royaume-by-Albert-Camus_p_27096.html (le titre est jadis disponible pour notre club chez Schoenhof's). If you wish to read Camus' Exile and the Kingdom in English, please order this translation. This book is also available in Kindle. https://www.amazon.com/Exile-Kingdom-Albert-Camus/dp/0307278581/ref=sr_1_1?crid=1IK180GYU1NRD&dib=eyJ2IjoiMSJ9.HYa3dT5939PqR2K7w4j6X5gJkSDn0f426cxnZVL9YAraHj2BRcyv07scTR5j5IvKzOydAejAKfRNTHuXvYhfdwGGaopnnsgsMURJOxX4_qr9sK5PM9_88VlaarklT3s9prurTIf74-lqbpfvePF2IdFUDCpyjS3Cj5XFcQhG4GiLNO_GUgQUKmK5fKsnYyFyXm0OR83xe7W5800A_Z5i7O9s-UHquxUi_PJvKHMKkUQ.9jHxrNWQYBVXudvpzigRn-ZFp1ZbY_XPpBI1nBxuNmU&dib_tag=se&keywords=albert+camus+exile+and+the+kingdom&qid=1771453214&sprefix=albert+camus+exile+%2Caps%2C103&sr=8-1

Incontro Italiano a Pizzeria Da Marco per abitanti di Montgomery County e DC per parlare insieme mangiando una pizza. La fermata della Metro é molto vicina, quindi e' molto conveniente per tutta la zona. Please consider donating to us via the Pledge widget on this page to help us defray the costs of running a Meetup group. **Note: This event occurs on the fourth Wednesday of every month at Pizzeria da Marco in Bethesda.** **Note 2: This restaurant charges higher prices for each item when paying by card vs. when paying by cash. They also limit the number of credit cards per table, so it is helpful to have either cash or use of money transfer app.**

Covid Alert: We will start having classes again at Canal Park on Wednesdays and Saturdays. Please bring your own hand sanitizer, and mask are a must! We'll practice from a safe distance from each other; and progress from there. "DC Kali" is an official training group for FCS Kali. Our curriculum includes knifes, swords, stick-fighting, striking, and grappling; but we place a special emphasis on edged weapons. Please come out and learn some Kali. Our aim is to train hard, learn some sound defense strategies, and make friends along the way. Although FCS Kali is a combat-oriented systems that involves edged weapons, we provide a safe environment for learning w/o sacrificing realism in our training. We teach in small semi-private groups, allowing each individual student to progress as quickly as he or she can absorb the info being taught. Hope to see you all there. Mosi K. Jack, Esq. Training Group Instructor · FCS Manong (under Tuhon Ray Dionaldo) http://www.fcskali.com/ ) FCS Kali: Founded by Tuhon Ray Dionaldo,Filipino Combat Systems is an organization dedicated the preservation and promotion of all Filipino Martial Arts. Filipino Combat Systems(FCS) is an organization/system with members from around the world. FCS is based onTuhon Ray Dionaldo's over 35 years of practicing various FMA (Filipino Martial Arts) styles. He's combine elements of each, into one system that's efficient, fast, concise, and logical. FCS members have extremely diverse backgrounds, and Martial Arts systems. We’ve all come together because of our love of the Filipino Martial Arts, and our unwillingness to become involved in the politics that has so often stifled our growth. Please pick one of the following class and fee combos: Drop-In Fee: $25/per class (after 1st free Saturday class) Monthly fees: $80/month (Wednesday park classes included for free), or Quarterly fees: $210/every 3 months (which comes to $70/month; includes the Wednesday park classes), or Wednesday Park only: $50/month • Credit cards and Paypal are preferred method of payment (online payments via Square are available at: https://squareup.com/market/dc-kali ) • One free trial class is permitted (but must rsvp ahead of class) • Equipment: if you have training knives, rattan sticks, training swords, and/or mma gloves bring them. If not, we may have a few extra. Training Videos http://www.fcskaliphilippines.com/fcs-curriculum-videos.html http://www.bloodnbonesgear.com/id5.html

Welcome back from Spring Break, hope all of you had a restful time! We’re back for our next event: **Build Your Own Full-Stack App**, taking place on next Wednesday(March 25th) @6:15 in Duques 255. In this meeting, we’ll look over common AWS full-stack architectures, and walk you through the steps of building one yourself. Join us for: - Exclusive AWS Cloud Club Merch - Cookies - Review of AWS database, API, and front-end services - Hands-on guide as to how to build your own - Additional AWS resources and ways to get involved We hope to see you all there!

Social Sips & Bites family We’re checking out a brand new place for the group and you know what that means… fresh vibes, new energy, and another excuse to gather. Join us for Happy Hour at Mission Dupont, a lively DC favorite known for bold Mexican flavors, handcrafted margaritas, and a fun, social atmosphere that’s perfect for mixing and mingling. Let’s show up strong, explore somewhere new together, and make it a classic SSB night. New place. Same amazing people.

It's been too long. Cover6 Community is bringing back in-person meetups — and we're starting where it makes sense: the DC/Crystal City area. No conference. No panels. No $200 ticket. Just the community showing up, connecting face-to-face, and talking cybersecurity the way we always have. **What to expect:** * Pure open networking — no agenda, no presentations, no slides * Three hours to connect, catch up, and build real relationships * Genuine conversations with practitioners, newcomers, students, and professionals from across the industry * Good energy, familiar faces — and plenty of new ones * The hotel bar is right downstairs if you want a drink **🅿️ Parking is on us — 50% off in the hotel garage.** **Who should come:** Anyone in or entering the cybersecurity space in the DMV. It doesn't matter if you've been in the industry for 20 years or you're still studying for your first cert. You belong here. **Bring a friend.** Seriously — the more the merrier. Tag someone who needs to be in this room. 📍 **AC Hotel by Marriott Arlington National Landing** 1999 Richmond Highway, Arlington, VA 22202 *(Metro accessible — Blue/Yellow Line, Crystal City Station)* 📅 **Wednesday, March 25, 2026** 🕕 **6:00 PM – 9:00 PM** RSVP so we know how many people to expect. This is the first of what will be a **monthly event — last Thursday of every month starting April 30.** Mark your calendar now. See you in the room. — Tyrone & the Cover6 Community team

Sister Event! - Frontrunners, the Mid-Atlantic's AI conference! You're invited to the Frontrunners AI conference, March 27th, in Arlington, VA at GMU's Van Metre Hall. Frontrunners will be a single day tech conference this year featuring AI and data topics. You can read all about Frontrunners here: [Frontrunners](https://frontrunners.tech/) If you want to speak at Frontrunners, submit your talk here: [https://docs.google.com/forms/d/e/1FAIpQLSedNNa4N64vgfsvAtGcBngKJrtd3h1_x0T019GTW-rSwCj0jQ/viewform](https://docs.google.com/forms/d/e/1FAIpQLSedNNa4N64vgfsvAtGcBngKJrtd3h1_x0T019GTW-rSwCj0jQ/viewform) This is a paid event, so you will have to register at the Frontrunners AI site or at the direct registration link is as follows (but please also RSVP on this meetup to help us reach others): [https://frontrunners.ticketspice.com/frontrunners-2026](https://frontrunners.ticketspice.com/frontrunners-2026) Thanks. We hope to see you there.

# Blood on the Clocktower: Bad Moon Rising **Sign-Up**: [https://www.3gearstudios.com/blood-on-the-clocktower-trouble-brewing-69250487.html](https://www.3gearstudios.com/blood-on-the-clocktower-trouble-brewing-69250487.html) **\*\* Use the link above to sign-up to ensure your spot\*\*** * **Description** Step into a world of lies, logic, and deception. It’s a pure social deduction game - no dice needed, and there are many ways to play even the storyteller can lie..... * **Date:** Sunday, March 29th * **Time**: 6:00pm - 9:00pm EST * **Storyteller:** Megan A. (She/ They) * **Slots**: 15 * **Cost**: $10 per person/ per session * **Characters:** Beginner - Friendly * **Rating:** 13+ * **Place:** In Person at 3 Gear Games (25 C Street, Laurel, MD 20707) --**Refund Policy**-- Refunds will be issued should we have to cancel this event, and are unable to reschedule it. They will not be issued for no-shows. --**Game Room Code Of Conduct**--[https://www.3gearstudios.com/service/code-of-conduct/](https://www.3gearstudios.com/service/code-of-conduct/?fbclid=IwAR054LDLzN5OeBImBfQpND1a_83AGAxPeFHwMO303UD3Z7rggbPn-TRYH64) Email questions to 3geargames@gmail.com

**SOLD OUT: [add your name to our waitlist](https://artisticartifacts.com/products/beautiful-buttons-with-catherine-redford) via our website.** Enjoy a full day of button making with Catherine! We’ll start with Dorset Buttons, a traditional English craft... learn the basics as you make the traditional Blandford cartwheel before discussing some variations, including a fan-style button and the Maltese Cross. Then we’ll move onto Shirt Lace buttons, a more modern innovation. Read complete details about this class, review your student supply kit fee and register via Artistic Artifacts’ secure online website: [https://artisticartifacts.com/products/beautiful-buttons-with-catherine-redford](https://artisticartifacts.com/products/beautiful-buttons-with-catherine-redford) \*\*\* Due to the size or other requirements of the class or concurrent scheduling, some classes are in our second-floor space: access is via stairs only. Registrations for all Artistic Artifacts classes MUST be paid for [through our website](https://artisticartifacts.com/collections/wk), or via a visit to our shop at 4750 Eisenhower Avenue. We encourage you to RSVP here, but to ensure your seat you MUST follow through via our website. [View our complete class policies »](https://artisticartifacts.com/pages/class-policies)

Brookside Gardens is Montgomery County’s incomparable, award-winning 50-acre public display garden within Wheaton Regional Park. Included in the gardens are several distinct areas: Aquatic Garden, Azalea Garden, Butterfly Garden, Children’s Garden, Rose Garden, Japanese inspired Gude Garden, Idea Garden, Rain Garden, and the Woodland Walk. The Formal Gardens areas include a Perennial Garden, Yew Garden, the Maple Terrace, and Fragrance Garden. Brookside Gardens also features two conservatories for year-round enjoyment. Parking and admission to the gardens are free. **Event Details:** This will be a study of lens focal length and how they affect the look of your photographs. How aperture effect the look of the subject (depth of field). **Lens Exploration** Organize sessions around different lens types: * **Macro photography** for close-ups of individual petals and delicate textures. * **Telephoto lenses** for compressing a scene, making rows of trees look overwhelmingly full of blossoms, and isolating subjects to manage crowds. * **Wide-angle lenses** for capturing the entire landscape, such as an avenue of trees, or placing a subject in the foreground to emphasize depth. * How to isolate your subject by the use of depth of field. **Recommended equipment:** DSLR or Mirrorless camera, Macro lens, Wide angle to telephoto zoom lens, flash with diffuser. **Brookside's Photography Guidelines:** * **Do not disturb any gardens, stand on rocks or displays, block paths, or climb garden or fountain walls.** * **The photo session must not interfere with other visitors’ enjoyment of the gardens.** * **Absolutely no tripods are allowed in the Conservatories.** * **Published photographs should credit location of photograph, i.e. “Brookside Gardens, Wheaton, MD”.** **RAIN DATE:** April 4th **Share Your Work:** We encourage you to share your images with us on the [Harford County Photography Group's Facebook ](https://www.facebook.com/groups/hcphotogroup)page.

**RSVP here: [https://reg.experiences.redhat.com/flow/redhat/3558153/redhatfieldeventspreregnoappform/page/landingregistrationpage?sc_cid=](https://reg.experiences.redhat.com/flow/redhat/3558153/redhatfieldeventspreregnoappform/page/landingregistrationpage?sc_cid=)[RHCTN1260000475092](https://reg.experiences.redhat.com/flow/redhat/3558153/redhatfieldeventspreregnoappform/page/landingregistrationpage?sc_cid=RHCTN1260000475092)** Is configuration drift silently killing your stability? Join us for the next Red Hat User Group (RHUG) event in Washington D.C. and discover the future of IT infrastructure management with Red Hat Enterprise Linux (RHEL) 10 Image Mode. This isn't just another operating system update—it's a new paradigm. You’ll learn how to treat your entire OS as a versioned, container-native artifact, bringing the speed and control of DevOps to your foundational layer. Event Highlights: * Deep Dive: Deploying and maintaining a truly immutable, compliant operating system. * Expert Insight: How to use familiar container-native tools to build bootable RHEL images. * Networking: Connect with peers, Linux administrators, security engineers, and infrastructure architects. Don't miss this opportunity to transform your IT services. Date: Thursday, March 26, 2026 Time: 12:00 PM – 3:00 PM EST Location: Red Hat Tysons Corner, McLean, VA Secure your spot today and get ready to eliminate operational "noise" for good. We look forward to seeing you there! Your RHUG Team Questions? Email [rhug@redhat.com](http://rhug@redhat.com/)

Our next event will be at Tatte Bakery at City Center. There is space to draw inside or out and there are beautiful cherry blossom decorations in the area for inspiration. Gabriel, who will be hosting this week, will have a meetup sign. Photo by [Evan Wise](https://unsplash.com/@evanthewise?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash) on [Unsplash](https://unsplash.com/photos/a-cup-of-coffee-sitting-on-top-of-a-saucer-NFWaoPmPOpk?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash)

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**Important time note:** Please plan on arriving between 5:30 and 6:00 as the elevators lock after 6 and you'll need to message us and we'll need to come get you. The building address is 4450 Bridge Park The entrance is 6620 Mooney St, Suite 400 **Abstract** Web Forms gave .NET developers a powerful abstraction for building reusable UI controls long before design systems were a thing. Web Components finally bring that same idea to the browser natively. This session explores how the Web Forms mindset translates into Custom Elements, Shadow DOM, and HTML templates. We’ll examine how Web Components enable design systems that work across frameworks, how they differ from server‑driven controls, and why they’re becoming a foundational layer for modern UI. Whether you’re maintaining legacy apps or building greenfield projects, you’ll leave with a practical understanding of how to apply familiar patterns in a modern, standards‑based way. **YouTube Link** TBA

Our monthly PHP meetup. A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm

**Improving Office in Franklinton** Physical location: Improving Office 330 Rush Alley Suite #150 Columbus, OH 43215 Schedule: 6:00 p.m.: Socialize, eat, and drink. Improving will be providing pizza and beverages. 6:30 to 8:00 pm. Main meeting and presentation(s). Topic: Type Annotations with John Cassidy We meet on the last Monday of each Month. Presentations are given by members and friends of this group. If you would like to do a presentation (small or large) on a python topic, please contact Central OH Python at centralohpython@gmail.com

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**