Skip to content

Web Standards

Meet other developers to discuss the W3C web standards: CSS, XHTML, DHTMl, XML, all that wonderful stuff.
pin icon
0
members
people1 icon
0
groups

Frequently Asked Questions

Yes! Check out web standards events happening today here. These are in-person gatherings where you can meet fellow enthusiasts and participate in activities right now.

Discover all the web standards events taking place this week here. Plan ahead and join exciting meetups throughout the week.

Absolutely! Find web standards events near your location here. Connect with your local community and discover events within your area.

Web Standards Events Today

Join in-person Web Standards events happening right now

PK SUN 11AM : $13 Intermediate (3 Courts)
PK SUN 11AM : $13 Intermediate (3 Courts)
Group Tennis Class (Beginner) @ Stadium
Group Tennis Class (Beginner) @ Stadium
**Who Is This Session For:** Beginner tennis players with no experience or play for less than 1 year. **What You'll Learn:** \- Foundational tennis skills\, footwork\, forehand and backhand strokes\, volley and serve \- Learn progressively\, in stages\, to adapt and improve on these basic skills \- Spar with players of similar standard \- Learn tennis from certified coach \- At least 2 years of coaching experience **What To Prepare:** Water bottle, sports attire, tennis racket will be provided to you :) **Number Of Pax:** Max 4 pax per group **Wet Weather Policy:** Reschedule in case of rain, 1h before lesson **Time:** Sunday 7.00-8.00 PM **Price:** $45 per class $150 for 4 classes ($37.50/class) Please PM or Whatsapp Gabriel ([8401 4648](https://wa.me/6584014648)) if you are interested! 😊 ➡️ [https://wa.me/6584014648](https://wa.me/6584014648) **We Also Have Classes Other Popular Locations** River Valley, Buona Vista, Tampines, Punggol, Upper Thomson, Stadium, Farrer Park, Kembangan, Choa Chu Kang, Lorong Chuan, Senja Cashew CC, Bukit Batok and many more! **View All Our Tennis Classes Islandwide! 👇** [https://sporthitch.com/tennis/](https://sporthitch.com/tennis/) **Arrange For Adult Private Tennis Classes! 👇** [https://sporthitch.com/adult-private-tennis-classes-singapore/](https://sporthitch.com/adult-private-tennis-classes-singapore/) **Arrange For Kids Private Tennis Classes! 👇** [https://sporthitch.com/kids-private-tennis-classes-singapore/](https://sporthitch.com/kids-private-tennis-classes-singapore/)
Fun Shoot (All Ages, All Levels)
Fun Shoot (All Ages, All Levels)
**For ages 7 and above. Children aged 5 to 7 require parental assistance.** Want to test your skill at the sport? Be the Willliam Tell or Robin Hood? Absolute Archery (Singapore) was inaugurated in 2020, aiming to provide training venue, competitive coaching, fun shoot events and a place for the community bring people together to advocate and support each other in pursuing the sports. Our head coach, Colin, has been active in the sports since late 90s till date. Being a competitive archer, he was with the National Team and had accumulated experiences which he could share with the archers and students. ### **Address** 9 Ah Hood Rd, East Asia Institute of Management ### **Schedule** Sundays 12PM - 1PM ### **Booking Information** * Please contact **98225900** to find out how to book this class. * The instructor will reach out to you once you've booked the class.
Aikido Introductory Group Class (Adults, Beginner)
Aikido Introductory Group Class (Adults, Beginner)
Makoto Aikido is a place where people can come together with a positive mind, body and spirit to practise Aikido in harmony. ​We seek to continue to learn from senior Aikido Shihan to develop proficiency that conforms to Japan Hombu Dojo standards. **Our Mission** * To promote Aikido with a high standard of instruction.​ * ​Conduct self-defence training to all gender and ages * To emphasise the importance of harmony * To emphasise the importance of basic Aikido techniques as a foundation for progress. * To emphasise on discipline, self-control and to install confidence. * To ensure a proper upgrading syllabus, benchmarking with that of Japan Hombu Dojo. ### **Address** 1 Guillemard Cres, Singapore 399913 ### **Schedule** Fridays 2PM - 315PM ### **Booking Information** * Please contact **98225900** to find out how to book this class. * The instructor will reach out to you once you've booked the class.
Sun 5 Apr 10:30am-12:30pm Badminton@Bidadari CC (Low Intermediate Only)
Sun 5 Apr 10:30am-12:30pm Badminton@Bidadari CC (Low Intermediate Only)
We had a badminton session at **Bidadari Community Club@Woodleigh Mall** on Sunday **5th April 2026**. Welcome all high beginner and Low Intermediate players to join us for some badminton workout. * 10:30am - 12:30pm * Low Intermediate and above Player Only. * Court 2 * 2 hours per session * S$10 per session * Shutter provided (RSL Supreme) * Location - Bidadari Community Club, 11 Bidadari Park Drive 367803. * Do join us if you are available.
Games Sunday! #170 @Toa.Payoh.Central
Games Sunday! #170 @Toa.Payoh.Central
***As we often have a Waitlist, please be considerate and amend your RSVP status if you have registered but subsequently cannot attend. We will be using Meetup* Organizer *app to track attendance and flag no-shows.*** ***Thank you for your cooperation!*** Games Sunday! is organised by Game On! @Toa.Payoh.Central PLAY GAMES! MAKE FRIENDS! Date: 5 April 2026 Time: 3:30pm — 7:30pm Venue: Seminar Room #05-05, Toa Payoh CENTRAL Community Club (opposite the road from Toa Payoh Public Library) Fee: **$2.00** per person (**CASH only**, or use your unexpired FREE GS!R Pass if available) Free for kids below 16 years old, and seniors 60 years and above. This fee goes to our Toa Payoh Central Community Club's Youth Network fund which we use to purchase / maintain our games and support our other social service projects. Objective: Play Games! Make Friends! Players achieve these two to win! Strategy: Go around smiling at people. Introduce yourself and ask for names, shake hands and laugh loudly. Be friendly, helpful, cheerful and a fun person to play with! Games: Our Games Closet has a collection of board and card games which you can view the list here — [Game On! Games Collection](https://boardgamegeek.com/collection/user/gamestour2010). Of course you can bring your own games as well and everyone will be spoilt for choices! IMPORTANT: Please help to set up when you come and help to pack up before you leave, including folding up all the tables, stacking the chairs and clearing the rubbish. Also, adhere to our Games Closet etiquette: — Return browsed game to its respective shelf--if you are unsure of shelf location, check Shelf Code on Game On! sticker (see sample sticker below) found on every game box. — File or stack game box properly within the shelf. — Don't bring more than one game to your table. — Return borrowed game that has been played to the Games Return Table. Before returning, check table surroundings for any fallen game component, report missing component so that replacement can be found, and pack components back in ziplock plastic bags accordingly, if provided. ***Thank you everyone! Be a good gamer!*** **About Game Sunday!...** Games Sunday! is organised by Game On!, a sub-club of the Youth Network (YN) at Toa Payoh Central Community Club. Games Sunday! is a regular calendar event happening on the first Sunday of every month. With a spacious venue, a newcomer-friendly atmosphere, and an ever-expanding library of board and card games, the meet-up is always well-attended and receives much love from first-timers and loyal regulars alike. Visit and join our Facebook Group [Game On! (Toa Payoh Central Community Club)](https://www.facebook.com/groups/154963871278307/). Game On! is one of two sub-clubs of Toa Payoh Central Community Club's Youth Network. The two sub-clubs are: — Game On! — Guitar Club #ToaPayohCentralYouthNetwork #GameOn #GamesSunday
SK SUN 2PM : $13 INTERMEDIATE
SK SUN 2PM : $13 INTERMEDIATE

Web Standards Events This Week

Discover what is happening in the next few days

Sun 5 Apr, 12:30pm-2:30pm (2 Courts) $10 Badminton@Braddell Heights CC (HB/LI)
Sun 5 Apr, 12:30pm-2:30pm (2 Courts) $10 Badminton@Braddell Heights CC (HB/LI)
We had a badminton session at **Braddell Heights Community Club, behind NEX Shopping Mall,** on Sunday afternoon **5th April 2026**. Welcome all High Beginner and Low Intermediate players to join us for some badminton work out. * 12:30pm - 2:30pm * High Beginner and Low Intermediate Players. * Court 1 and Court 2 * 2 hours per session * S$10 per session * Shuttles provided (RSL Supreme) * Location: 50 Serangoon Avenue 2, #01-01, Singapore 556129 * Do join us if you are available.
SK SUN 7PM : $13 INTERMEDIATE
SK SUN 7PM : $13 INTERMEDIATE
Fencing Foundation Group Class (Ages 7-11, Beginner)
Fencing Foundation Group Class (Ages 7-11, Beginner)
**For ages 7 to 11.** The Asgard Foundation Trial class is designed for complete beginners aged 7 to 11. Aspiring fencers will undergo a specialized introduction program, with all necessary equipment provided. Fencers will be able to understand basic fencing concepts and execute fundamental technical actions by the end of the course. They will be eligible to join the U12 program upon completion. ### **Address** 9 Tagore Ln, #03-11, Singapore 787472 ### **Schedule** Sundays 1230PM - 230PM ### **Booking Information** * Please contact **98225900** to find out how to book this class. * The instructor will reach out to you once you've booked the class.
Judo Fundamentals Group Class (All Ages, All Levels)
Judo Fundamentals Group Class (All Ages, All Levels)
**For ages 6 and above.** Learn Judo techniques through step-by-step instructions and various application methods. Each class consists of at least one technical sharing of technique by a coach, and multiple rounds sparring (randori). Suitable for newcomers, beginners, intermediate and advanced players. ### **Address** Grantral Mall @ Tai Seng #02-04 601, Macpherson Road, #02-04 ### **Schedule** Sundays 3PM - 5PM ### **Booking Information** * Please contact **98225900** to find out how to book this class. * The instructor will reach out to you once you've booked the class.
Virtual Skating Weekly Challenge!
Virtual Skating Weekly Challenge!
Hi Everyone, With Covid19 happening, there is still a limited participants for group events of up to 8 pax happening, so this just to keep the virtual skating together going. The Challenge is to skate as much as you can during this pandemic each week. And see how we rank on leaderboard of Strava. The ranking is arranged by most distances skated each week. Do join us through on Strava App below: Leaderboard updates on a weekly basis and resets every week (Mon to Sun) Join us at https://www.strava.com/clubs/freewheelers_sg (Kindly note that with specifically the Strava app, it is unable to cater for Inline skating option, so you will have list your tracking via run or ride for your ranking to show up in leaderboard. And this is the main challenge majority of skaters will be using.) Feel feel to contact Janice on Meetup if you need help with the apps to join us on these virtual skating challenges. You can also ask Janice for link to join a telegram group where impromptu small group skating events are frequently organized if you are looking for skating buddies. Special Note: Heard feedback from some Iphone users that trouble getting apps FOC. All these apps should be free. Please make sure you download the FREE VERSION. And please download the app, before you join via Challenge Links as the Challenge Links lead Iphone users to paid versions I think. Android Phones should be automatic directed to free version. IPHONE DOWNLOAD LINKS: https://apps.apple.com/us/app/strava-run-ride-swim/id426826309
Technique Tango III Group Class (Adults, Advanced)
Technique Tango III Group Class (Adults, Advanced)
**For ages 17 and above.** Influenced by the Spanish and African culture, the Tango is sensual and passionate, one of the most fascinating dances. Stylized strides dominate this dance, along with periodical sharp and staccato movements. Tango’s passionate nature evokes a strong connection to the music, your partner and the audience, a dance that is exciting and often easy to learn. Its dramatic nature also makes Tango a very popular dance that is often featured in blockbuster movies; a favourite dance for those who enjoy drama within a dance. ### **Address** 795, North Bridge Rd, #02-01 797, 198763 ### **Schedule** Sundays 430PM - 530PM ### **Booking Information** * Please contact **98225900** to find out how to book this class. * The instructor will reach out to you once you've booked the class.
Coffee Painting Workshop
Coffee Painting Workshop

Web Standards Events Near You

Connect with your local Web Standards community

HTML5 Master Series (Class 01 of 04) (SPECIAL OFFERING)
HTML5 Master Series (Class 01 of 04) (SPECIAL OFFERING)
**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.
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
**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.
IxDA Chat ‘n Pancakes
IxDA Chat ‘n Pancakes
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!
HTML5 Master Series (Class 03 of 04) (SPECIAL OFFERING)
HTML5 Master Series (Class 03 of 04) (SPECIAL OFFERING)
**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.
HTML5 Master Series (Class 04 of 04) (SPECIAL OFFERING)
HTML5 Master Series (Class 04 of 04) (SPECIAL OFFERING)
**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.
Columbus PHP: Monthly Meetup
Columbus PHP: Monthly Meetup
Our monthly PHP meetup. A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm