HTML & CSS

♠️😲♠️ W.O.W. Spades Night ♠️😲♠️ Washington on Wednesday (W.O.W.) - 3rd Wednesday Spades in DC 🌟Spades in DC! 😀 Hang out with a friendly and welcoming group. Meet new people and have a great time! ✅️ No partner needed! Find one onsite. All skill levels are welcome. 📌 Nando's Peri-Peri Chicken - Navy Yard 300 Tingey St SE #150, Washington, DC 20003 ❤️ **Posted in multiple groups. So, expect a nice crowd.** 🚌 One block from Navy Yard Metro Station 🚗 Street and Garage Parking available. **** 🍷 Alcoholic beverages are available! 🍗 Please support the business by purchasing food/drinks. 🌟 The fun starts at 5:30pm! RSVP today.

### 👉 Enroll at [https://www.worklifespanish.com/elementary-a2.html](https://www.worklifespanish.com/elementary-a2.html) This is a vocabulary building course that will significantly increase the student's overall lexicon and usage on all matters related to the verbs "ser" and "estar". Students will learn how to differentiate between these two pesky verbs when talking about professions, characteristics, time, family members, location, conditions and emotions, what's happening in the moment and nationalities. Book: N/A ​Day: Weds, 6:00pm - 8:00pm ET ​Dates: 1/21 - 3/25 Teacher: Mindy Location: Falls Church ### 👉 Enroll at [https://www.worklifespanish.com/elementary-a2.html](https://www.worklifespanish.com/elementary-a2.html)

Join DC Metro Crafts for the mid-month meetup! Bring your own cross stitch, knitting, crochet, or other portable craft. The Southwest Library is right off the Waterfront Metro. We'll be in Meeting Room 1. Go through both glass double doors and loop around to the right to find us. There are plenty of tables to spread out.

Talk For Change (Club 1059567) is a mutually supportive and positive learning environment in which every individual member can develop communication and leadership skills, which, in turn, foster self-confidence and personal growth. We meet the first and third Wednesday of every month at 6:45 pm with online and in-person meetings. If you want to attend in person, we meet at Madhatters Restaurant, 1319 Connecticut Avenue, 1 block south of Dupont Circle, in Washington, DC. Contact us for more information (and to get the Zoom link for online attendance): contactusform-1059567@toastmastersclubs.org. http://talkforchange.toastmastersclubs.org/agenda-739269.html

**$60/2\.5\-hour Class \| Class Limit: 5** Hamiltonian Artists Second Floor, Studio 2 [Registration Link](https://www.google.com/url?q=https://trishaart.com/classes/p/drop-in-classes&sa=D&source=calendar&usd=2&usg=AOvVaw07rgL9h-rFd3JRP7l9BSDN) This first section serves as an introduction to relief through the easy cut method with a rubber stamp medium block. Participants will practice hand printing on Japanese paper through multiple iterations, and then proceed to mount their images. Completing these exercises will demonstrate how different blocks can be used interchangeably in a modular format, which will prepare them for creating a small book. All materials will be provided as part of the registration fee.

**EVERYONE MUST REGISTER ON THE WOMEN ON COURSE WEBSITE TO CONFIRM A SPOT FOR THIS EVENT. [CLICK HERE TO RSVP](https://www.womenoncourse.com/tee-up-your-driver-clinic-edp-13265-01-2026.html)** **(an RSVP on Meetup will NOT hold a spot for you)** All skill levels are welcome to Tee Up Your Driver ! This indoor clinic will cover full swing fundamentals with your driver and woods for more distance and accuracy. Price includes 60 minutes of group instruction and plenty of fun! WOC members are invited to shop before the event and get 15% off in-store purchases! This event welcomes the first 16 people who RSVP. Advance payment required. Refunds less $5 cancelation fee with 48 hours advance written notice. **$10\.00 Member \| $20\.00 Non Member**

**\*TO ATTEND REGISTER AT [-** [https://www.socialevents123.com/event-details.aspx?id=13196#tix](https://www.socialevents123.com/event-details.aspx?id=13196#tix) (\*Multiple Meetup groups are co-organizing so RSVP's shown are just a small % attending. ABOUT: **Let's take it back to a simpler (and a lot more fun) time! Our 80s & 90s Trivia Night is of our most popular and well attended online meetups. Categories will be 80s & 90s Movies, Music, Sports, Pop Culture, Television). Prizes include Amazon Gift Cards and more!!** HOW IT WORKS: You can attend via a computer & Webcam or Smartphone/Ipad/Tablet. This completely online event will be LIVE and you will be able to see and hear the other participants while playing. In addition you get to meet and interact with other participants. At game time, your host will read off 80s & 90s Trivia questions. Your goal is to come up with the right answer to each question and write it down on your paper. Once the round is over (about 6 questions), we will go through the answers and determine who had the highest score for the round. They will get a raffle ticket for a chance to win a prize at the end of the event. We will have multiple rounds of play and have a system to also virtually introduce you to other participants. HOW DO YOU FIND THE VIRTUAL ROOM: After you purchase your ticket, you will get a confirmation with the zoom link ON DAY OF THE EVENT. RSVPS ON HERE ARE NOT REFLECTIVE OF ACTUAL ATTENDANCE as this is a multi group event. **\*TO ATTEND REGISTER AT -** [https://www.socialevents123.com/event-details.aspx?id=13196#tix](https://www.socialevents123.com/event-details.aspx?id=13196#tix) Cost: $15- $20 depending on how early you register. **For more fun events:** **Follow: [https://www.eventbrite.com/o/new-york-city-social-events-10797526283](https://www.eventbrite.com/o/new-york-city-social-events-10797526283)** **Click: [https://dljparty.ticketleap.com/](https://dljparty.ticketleap.com/)**

👉 **Enroll at [https://www.worklifespanish.com/upper-intermediate-b2.htm](https://www.worklifespanish.com/upper-intermediate-b2.html)** This course will review the four indicative past tenses, the present subjunctive and the various uses of the imperfect subjunctive through the viewing of short films and class discussions and differentiate "por" & "para" and use "si" clauses. ​Books: [Demystified](https://www.amazon.com/Spanish-Demystified-Premium-Jenny-Petrow/dp/1259836851/ref=sr_1_1?s=books&ie=UTF8&qid=1519486720&sr=1-1&keywords=spanish+demystified) Day: Thursdays, 6:00pm - 8:0pm ET ​Dates: 1/22 - 3/26 Teacher: Mike Location: Falls Church 👉 **Enroll at [https://www.worklifespanish.com/upper-intermediate-b2.htm](https://www.worklifespanish.com/upper-intermediate-b2.html)**

This month, we're discussing API design and single-header libraries. How should we structure and program libraries to impose as few usage constraints as possible? We’ll look at [the STB libraries](https://github.com/nothings/stb) and other examples as case studies. *Note the slightly different time than usual.* We're still at the West End Library. **Agenda:** \- 1:45 \- 2:45pm: Library discussion \- 2:45pm \- whenever: Keep chatting over lunch nearby **What we do** Presentations on lower-level, foundational programming topics, ethical software, knowledge sharing, mentoring, and discussion. **Who we are:** We are all about handmade software. Rather than focus on frameworks, heavy abstractions, and buzzwords - we typically create projects or research topics that build an understanding of foundational computing concepts, essential data structures, and hardware/software interaction. **What to bring?** Bring a laptop, project, or just a curious mind. If you're not sure you're ready to contribute, don't worry: we're all here to share our passions and hone our craft. **If you arrive late:** Please enter the room quietly as to not disrupt anyone that is presenting. You can take any empty seat.

**$60/2\.5\-hour Class \| Class Limit: 5** Hamiltonian Artists Second Floor, Studio 2 [Registration Link ](https://www.google.com/url?q=https://trishaart.com/classes/p/drop-in-classes&sa=D&source=calendar&usd=2&usg=AOvVaw07rgL9h-rFd3JRP7l9BSDN) In this introductory course, students will learn the history of Indian woodblock before using the technique for themselves to create a printed piece of fabric from start to finish. I will demonstrate the process before allowing students the opportunity to ask questions and practice. Various examples of patterns and motifs will be shared with the group that they can emulate for their own projects. We will provide a handkerchief for the final project, but students are encouraged to bring their own light-weight cotton objects to use instead.

\*\*\*\* **Volunteers Needed!** Give back to the group by hosting your own smaller events (dinners, happy hours, brunches, lunches. etc). Join our Event Host program \*\*\*\* → **NEW MEMBERS or 1st TIME EVENT GO-ERS**, if you have questions about the group, RSVPs, or the overall dining event process, visit our FAQs (*ugh Meetup, we'll need to rebuild these*) and our No-Show Policy (for this event, by 12pm on Event Day). → **RSVP Cancellation Cutoff for this Event is Friday 10a, 1/23**. (Late Cancel applies after this, repeat occurrences can impact membership) \*\*\* **Winter Restaurant Week [RW] is back in DC!**: Learn more about DC's Restaurant Week ([http://www.ramw.org/restaurantweek/](http://www.ramw.org/restaurantweek/)) * Officially runs Jan 19 - 25 [some places will extend the deal beyond these dates] * 3-course fixed-price dinner special for $40 / $55 / $65 price tiers [not including drinks, and our required 30% tax / tip] → For this RW event TOSCA will be at the $65 tier, so **the minimum cost for the deal is $85** [drinks, wine/beer, and any extras items are additional and still factors our 30% tax/tip] → **By attending the event, each member agrees to participate using the Restaurant Week menu, and agree this $ minimum**. CASH PREFERRED PLEASE! \*\*\* **SPECIAL RULE for RSVPing to ANY RESTAURANT WEEK EVENT**: Lol, rule waived for this Restaurant Week period. ;) \*\*\* One of my favorite **Restaurant Week returns** in years. After not participating since 2019, **Tosca is back for DC Winter Restaurant Week 2026**, and this is a big deal. Prior to stepping away, Tosca was widely considered one of the **best Restaurant Week values in the city**, largely because they offered access to most of the regular menu rather than a heavily restricted RW subset. It’s genuinely nice to see them re-participate starting with this Winter 2026 run. **FOOD**: Tosca is an upscale Northern Italian restaurant known for clean, composed dishes, house-made pastas, and well-executed seasonal proteins. Prior to 2019, Tosca earned a strong reputation during Restaurant Week because they treated it as a true showcase, often allowing diners to order from **most of the core menu**, with only a small number of premium items carrying upcharges. That approach consistently delivered strong value and positive feedback. **Vegetarian & Gluten Free note:** * Tosca does not typically list fixed vegetarian entrées for Restaurant Week. Instead, the kitchen **curates vegetarian dishes daily using seasonal ingredients**. * Vegetarian selections may vary night to night, but the restaurant has committed to offering vegetarian options throughout Restaurant Week and has historically handled this thoughtfully. * Gluten-free pastas are available upon request. For **Winter 2026**, Tosca is returning at the **top Restaurant Week pricing tier**, with a base RW dinner price of **$65**. Expect a small number of optional premium upcharges, often items like **beef tenderloin or veal**, which many diners have historically found reasonable relative to normal menu pricing. → View Tosca’s menus: [https://www.toscadc.com/menu](https://www.toscadc.com/menu?utm_source=chatgpt.com). Only a couple of items have upcharges. **All must opt into the RW menu and priceponts** **SPACE**: Polished, contemporary, and unmistakably upscale. Tosca’s dining room feels refined and professional rather than casual. **Service leans formal**, with a traditional fine-dining pace and attentiveness. Business casual works, but many guests will be dressed more formally, especially during Restaurant Week evenings. This is a good choice if you enjoy a more classic, composed dining experience. → Visit the restaurant site: [https://www.toscadc.com/](https://www.toscadc.com/?utm_source=chatgpt.com) +++++++++ ==> Tax/Tip combo is our required 30% tax/tip policy (see the FAQs for more details). ==> Limited to 6 slots See you there! JoeN \*\*\* **CLOSEST METRO**: * **Metro Center [Red, Blue, Orange, Silver]**. Exit Metro Center toward **12th Street NW / F Street NW**. Once you come up the escalator/stairs, you will be on **F Street NW**. Walk **east on F Street NW** for **about 2 blocks** (toward 12th Street). When you reach the corner of **F Street & 12th Street NW**, you’ll see 1112 F Street. * For directions using the Metro, try using the Plan a Trip feature at the WMATA website ([click on your preferred Metro station](https://www.wmata.com/rider-guide/stations/index.cfm) then at the Station page level click "Plan a Trip". **PARKING**: No valet parking is offered. TOSCA offers **free validated parking for dinner patrons after 5 pm at the District Center Parking Garage** (West Side, in the building 555 12th St. NW) (look for One Parking) on 11th St. NW between E and F St., requiring guests to bring their parking ticket for validation. \*\*\* 1. Limited to **6** slots. 2. I**f you RSVP "YES" please make sure you can definitely make it**. With 5,800+ members and limited seating, we cannot afford no-shows. It's unfair to the other members who would like to attend and also to the organizers who have to explain to the restaurant why the reserved # of guests didn't show (can damage our reputation and ability to do larger reservations in the future). No-Show / Late Cancel rules apply (see our Discussion area on the website). 3. **Join the WAIT-LIST of you don't get an initial spot**! Use the Waitlist option. Also, check back regularly as attendees have been known to cancel up to Noon the day of the event. We may use emails during the week to confirm continued interest, so check! 4. **Billing (add 30% tax/tip to your bill)**. Remember, include the required 30% for tip / tax in addition to the food / beverages you order as defined in our FAQs. 5. **NEW MEMBERS or 1st TIME EVENT GO-ERS**, if you have questions about the group, RSVPs, or the overall dining event process, visit our FAQs ([http://diningout.meetup.com/149/messages/boards/view/viewthread?thread=1650845](http://diningout.meetup.com/149/messages/boards/view/viewthread?thread=1650845)) and our No-Show Policy ([http://tinyurl.com/5byotq](http://tinyurl.com/5byotq)).

Happy New Year! This is our first Cantonese event in 2026. All levels of Cantonese proficiency are welcome! 新年快樂！ 今次係我哋 2026 年第一個廣東話活動，歡迎各水平嘅廣東話愛好者！ PS - Parking is free in the Metro parking garage on weekends. 週末地鐵嘅停車場係免費嘅。

**Web Design Decoded: Tools, Practices, and Proven Processes:** **Semantic HTML** At WebDev Columbus, we are exploring some of the most important topics of professional high-end web design and page building. Primarily focused on site building in the WordPress environment, our group explores tools, tips, and techniques for building the best WordPress sites possible. Additionally, we focus on disciplines and technologies that take website design from visually appealing to optimized spaces for delivering you and/or your client's message effectively and with a nod towards extended reach. Each session combines practical demonstrations with real-world insights, giving you actionable knowledge you can apply immediately. Whether you're a seasoned developer looking to enhance your design skills or a newcomer wanting to understand design best practices, this series offers valuable insights for every skill level. **What to expect:** * Hands-on demonstrations of popular design tools * Best practices for design-to-development workflows * Tips for creating responsive, accessible designs * Real-world problem-solving scenarios * Interactive Q&A sessions * Networking opportunities with fellow developers **Each meetup features:** 60 minutes of focused presentation 30 minutes of live demonstrations 30 minutes for questions and discussion **See you there!** Our casual, collaborative environment encourages learning from both presenters and fellow attendees. Bring your questions, share your experiences, and connect with Central Ohio's web development community! **Stay tuned for specific session topics and dates.**

**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.

**Topic and Speaker TBD** ***Bring your laptop and expect to write some (non-AI generated) code!*** *(title subject to change)* Food and drinks will be available. **LOCATION:** 6515 Longshore Loop, Suite 300, Dublin, OH 43017 **FREE PARKING:** 6725 Longshore Street, Dublin, OH 43017

**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.

Let’s meetup at Cafe Istanbul for the last day of Restaurant Week. You get three courses for $30. This is the menu: https://614now.com/rw-menu/cafeistanbul-easton

**NEW LOCATION: 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). For this first meeting of the year, we will be reviewing submissions for the [Your Program is Hideous and Obfuscated Challenge (YPHOC). ](https://docs.google.com/document/d/13zbxwElpJqPMuAN4Ele2hUgsqtFKzH3OCTL5NEeiLKQ)Submissions for this challenge are due by January 12th, 2026. The details can be found here: or on our website http://www.cohpy.org See Our [Parking Map](https://docs.google.com/presentation/d/1u2A4fLNlxwLJn0KA_hKc8bnFlFHLvsHBDh-_8wzX_tk/edit?usp=sharing) 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 centralohpython@gmail.com