Web Standards

小红书RedBook: TomEvents. 微信公众号wechat offical account: TomEvents. wechat:lzy9138 First i should let you know That our Time and location could be changing from Time to time,sometimes we don’t update the information here in meetup, so pls add my wechat:Lzy9138 to confirm before you come, I’ll also add you in our wechat group where you ‘ll get the latest notifications Hi There, Welcome to our language exchange party Our Event is devided into 3 parts. 1.Get your drink, grab a seat, and free talk 2.Hosting Part.(Ice-breaking Game,Lucky Draw etc.). Within half an hour. 3.Networking, Board Games, Industry Exchanges and mingling.different areas will be set, everyone Stand up, hold your drink and move freely~ About 1.5 hour **How does it work：** A. Done RSVP on meetup & payment before coming over B. Use wechat to scan our QR code to check in & get a bracelet C. Get your first free drink. D. Grab a seats and follow the flow. **Costs & Payment methods :** **Online on WeChat mini-program 快团团** Ticket Price Varies from ￥39.9-78 若想获得活动通知 最新照片，或其他疑问欢迎加 管理员微信入群: **Tom-WeChat:lzy9138** **小红书/微信公众号：上海英语角TomEvents** 周六活动： @活动时间Time： 每周六下午Every Saturday afternoon 3-6pm \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* 免责声明： 本活动本着自愿参与的原则，参加活动者视为具有完全民事行为能力的人（18岁以上公民），对于任何原因造成的人身财产等一切伤害和损失完全自行负责，活动主办方不承担任何责任。所有现场参加者默认同意并接受本声明！ \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*

This is a group for anyone interested in learning Chinese, including oral Chinese ,business Chinese ,HSK. And on every Friday night we do Chinese Corner,greetings,learning part, language exchange, free talk,games etc. Btw, coffee,drinks are on the side. all skill levels are Welcome!! It’s a great chance to make international friends ,and learn about other cultures . Looking forward to seeing you:-) WeChat : ZoeMandarinClass 喜欢外语的朋友欢迎加入我们！既能练习第二语言，又能结交一些新朋友，感受不同国家的文化和习惯！欢迎大家!

👉 **To join:** Please add Daisy on WeChat at **daisy00233** **We conduct all discussions over WeChat only.** Hello, my name is Daisy Wen. I studied English Literature as an undergraduate and later completed an LLB with the University of London. Beyond academics, I have a long-standing fascination with Chinese tea culture. In China, tea is far more than a beverage. It is deeply woven into history, daily life, etiquette, art, and philosophy. Even the Japanese tea ceremony traces its roots back to tea traditions of the Tang Dynasty. I am beginning to organize small, relaxed visits to tea farms for those who are genuinely curious about tea — how it is grown, harvested, processed, and appreciated. If you enjoy meaningful cultural experiences and good conversation over a proper cup of tea, I am forming a WeChat group for like-minded friends. Let us meet for a cuppa and see where the journey takes us.

dear all, We will move to Bailian Zhongshan BEFORE jing’an opens. Welcome to join us Please confirm with me first before you signed up My WeChat is ellenliu12345 60rmb for 2 hours , 6 people share a court 小伙伴们， 所以我们在静安开放之前将会在百联中环打，欢迎加入我们

I will organize a go meeting on every sunday night near nanjing east road. The cafe is nice and i will bring one board with me at the first meeting. Beginners are welcome. I will show the basic rules. Do suggest you add my wechat 864324659 and I can know your levels to find opponents.

what is the best way to spend your weekend ? come to join us for badminton to have fun! please prepare racket by yourself , shuttlecock will be provided , add my WeChat : ellenliu12345 to sign up by our WeChat group . 60 RMB for 2 hours , we play double for fun game , 6 people share one court

what is the best way to spend your weekend ? come to join us for badminton to have fun! please prepare racket by yourself , shuttlecock will be provided , add my WeChat : ellenliu12345 to sign up by our WeChat group . 60 RMB for 2 hours , we play double for fun game , 6 people share one court

Get ready creative writers! Inkwell is proud to announce Sunday Scribbles, our latest event for the Shanghai writing community. Sunday Scribbles is a low stress gathering for your Sunday afternoon creative writing. Join us to work, chat, and write to your heart's content. (Mostly write, though). Add Ryan (WechatID: texaswriter) to figure out where we are meeting this week and to ask any questions. I don't keep Meetup very up to date and everything Inkwell does is organized through wechat groups, so even if the number of attendees is low, there's likely an event still going on. Add Ryan, and you can join the wechat group where everything is happening. Some Frequently Asked Questions: What do we do here?: Mostly write and work quietly with some chatting What to bring?: Something to work on What we don't do?: Edit things for you, serve as writing consultants What does it cost?: Free, but please order something to support the venue. What is Inkwell?: There's a lot of information about the workshop located on the website: www.inkwell.asia. Meet Writing Workshop veterans and other Workshoppers for the latest info on writing prompts and activities. It's also the perfect chance to make the Sunday night deadline for that week's Writing Workshop. Sunday Scribbles is organized by Paula Willis who has been in Shanghai since early 2018 and a member of the writing group since fall 2019. Bring something to write with and we'll see you there!

Add wechat ellenliu12345 if you want to join the event! sign up in advance is necessary.Welcome join us 50rmb for 2 hours , prepare racket by yourself

**\*\*About Activity\*\*** Unlock the flavors of authentic Chinese cuisine in our exclusive Private Cooking Class! Learn to create irresistible dishes like Kung Pao Chicken and Shepherd's Purse Wonton using traditional techniques that bring bold, fresh flavors to life. **\*\*Highlights\*\*** **\*Kung Pao Chicken\*** highlights the bold and exciting flavors of Sichuan cuisine, where tender chicken is stir-fried with a medley of crunchy peanuts, fresh vegetables, and fiery Sichuan peppercorns. With its origins in Sichuan province, Kung Pao Chicken showcases the art of combining bold flavors with a satisfying crunch, making it a beloved classic in Chinese cuisine. **\*Shepherd's Purse Wonton\*** presents a delicate yet flavorful blend of traditional Chinese ingredients, with plump wontons filled with fragrant Shepherd’s Purse leaves, minced meat, and seasonings. The wontons are gently steamed or boiled to perfection, it highlights the harmony between fresh herbs and tender fillings, making it a cherished comfort food with a timeless appeal. **\*\*About Chef\*\*** \- Chef Tony Jiang Founder & Director of Chinese Famous Media Chef Michelin\-Star Restaurant Associator Principle DIrector of Zwilling Gourmet SchoolVice President of Disciples Escoffier China Awards: \- 2025 Michelin Bib Gourmand Hong Kong \- 2021 Outstanding Chef of the Year\, The Best Restaurant Awards \- 2019 Authoritative Chef of the Year The Best Restaurant Awards\- 2017 Best Contributor Discuples Escoffier China Delegation \- 2015 French Gastronomic Spirit \- Sopexa **\*\*Itinerary\*\*** \- 4:30pm: Gathering & Introduction \- 5:30pm: Chef's Demostration \- 6:30pm: 3\-4pax/station\, each team to prepare \- 7:00pm: Food appreciation & Photo Taking **\*\*Detailed info\*\*** **Time&Date:** 16:30 - 19:00 Sunday, **Every Wednesday & Sunday, 2026** **Meet up Location:** Jing An Temple Metro Station (Line 2), Exit 1 **Activity Duration:** 2 - 3 Hours **Price:** 499 RMB / Pax **Group size:** 4-20 People **What's included in the price:** · Food Ingredients · Cooking Utensils · Apron · Tableware · Chef instruction service · Complimentary Water + Soft Drinks · First-Aid Kit **What's not included in the price:** · Your own expenses **\*\*Trip Inquiry\*\*** Telephone/WhatsAPP:0086 15001791355 Wechat: OKDealTravel Email: [contact@okdealtravelchina.com](mailto:contact@okdealtravelchina.com) \*Full payment is required when signing up for this activity. If cancel above 3 days prior to departure, full refund will be offered; if cancel 0-3 days prior to departure, 100rmb cancellation fee will be charged.

Shanghai has thousands of nights. Most of them feel the same. But once in a while — a night turns into something you didn’t expect. [ ](https://onelink.to/mat97b)**[Sign up here](https://xhslink.com/m/9bFZ0YdL8r4)** A table with new people. A conversation that flows. A moment that lingers a little longer than it should. That’s what DineO is built for. We create small, curated dinners designed to make meeting people feel natural again. **[Sign up here](https://xhslink.com/m/9bFZ0YdL8r4)** No pressure. No awkward setups. No endless swiping. **Maybe it’s just a dinner.** **Maybe it’s a connection.** Maybe it’s just a really good story. To join, **[Sign up here](https://xhslink.com/m/9bFZ0YdL8r4)** * Take a quick matching quiz * Get matched into a small group * Receive your dinner details before the night Come solo. That’s the whole point. **[Sign up here](https://xhslink.com/m/9bFZ0YdL8r4)** 🍷 Maybe it’s just dinner. Maybe it’s more. **add wechat: fandada178**

Hi there, Welcome to join our group to practice the new language with new friends. WeChat: ZoeMandarinClass

**\*\*About Activity\*\*** Unlock the flavors of authentic Chinese cuisine in our exclusive Private Cooking Class! Learn to create irresistible dishes like Kung Pao Chicken and Shepherd's Purse Wonton using traditional techniques that bring bold, fresh flavors to life. **\*\*Highlights\*\*** \*\*\*\*\*Kung Pao Chicken highlights the bold and exciting flavors of Sichuan cuisine, where tender chicken is stir-fried with a medley of crunchy peanuts, fresh vegetables, and fiery Sichuan peppercorns. With its origins in Sichuan province, Kung Pao Chicken showcases the art of combining bold flavors with a satisfying crunch, making it a beloved classic in Chinese cuisine. \*\*\*\*\*Shepherd's Purse Wonton presents a delicate yet flavorful blend of traditional Chinese ingredients, with plump wontons filled with fragrant Shepherd’s Purse leaves, minced meat, and seasonings. The wontons are gently steamed or boiled to perfection, it highlights the harmony between fresh herbs and tender fillings, making it a cherished comfort food with a timeless appeal. **\*\*About Chef\*\*** \- Chef Tony Jiang Founder & Director of Chinese Famous Media Chef Michelin\-Star Restaurant Associator Principle Director of Zwilling Gourmet SchoolVice President of Disciples Escoffier China Awards: \- 2025 Michelin Bib Gourmand Hong Kong \- 2021 Outstanding Chef of the Year\, The Best Restaurant Awards \- 2019 Authoritative Chef of the Year The Best Restaurant Awards\- 2017 Best Contributor Discuples Escoffier China Delegation \- 2015 French Gastronomic Spirit \- Sopexa **\*\*Itinerary\*\*** \- 4:45pm: Gathering & Introduction \- 5:30pm: Chef's Demostration \- 6:30pm: 3\-4pax/station\, each team to prepare \- 7:00pm: Food appreciation & Photo Taking **\*\*Detailed Info\*\*** **Time&Date: 16:30 - 19:00 Every Wednesday & Sunday, 2026** **Meet up Location:** Jing An Temple Metro Station (Line2) Exit 1 **Activity Duration:** 2 - 3 Hours **Price:** 500 RMB / Pax **Group size:** 4-20 People **What's included in the price:** · Food Ingredients · Cooking Utensils · Apron · Tableware · Chef instruction service · Complimentary Water + Soft Drinks · First-Aid Kit **What's not included in the price:** · Your own expenses **\*\*Trip Inquiry\*\*** Telephone/WhatsAPP:0086 15001791355 Wechat: OKDealTravel Email: [contact@okdealtravelchina.com](http://mailto:contact@okdealtravelchina.com/) **\*\*Full payment** is required when signing up for this activity. If cancel above 3 days prior to departure, full refund will be offered; if cancel 0-3 days prior to departure, 100rmb cancellation fee will be charged.

Chinese Corner in Jing an(Line 7 Changping Lu station) Please free free to join us. All levels are welcome! Don’t worry about your Chinese level, we have mandarin teachers here to help you, any questions free to ask. More informations Welcome to add WeChat : ZoeMandarinClass

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

**TBA**

Pay attention! We’re delaying a week for those of you who may be on Spring break and/or celebrating the holiday. Ok, no pancakes, but waffles-a-plenty. Join the local UX and Digital Design community for a casual monthly breakfast. Look for us upstairs!

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

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