HTML & CSS
Meet other local people interested in HTML & CSS: share experiences, inspire and encourage each other! Join a HTML & CSS group.
316
members
1
groups
Related topics
Frequently Asked Questions
Yes! Check out html & css events happening today here. These are in-person gatherings where you can meet fellow enthusiasts and participate in activities right now.
Discover all the html & css events taking place this week here. Plan ahead and join exciting meetups throughout the week.
Absolutely! Find html & css events near your location here. Connect with your local community and discover events within your area.
HTML & CSS Events Today
Join in-person HTML & CSS events happening right now
RESTAURANT WEEK(s) Jan. 19th to Feb. 1st
Winter just got a lot more delicious. โ๏ธ๐ Celebrate DC Winter Restaurant Week at Divino, extended January 19โFebruary 1, with a three-course dinner for $40. Cozy flavors, Italian favorites, and the perfect excuse to order that extra glass of wine. See you at the table. DINNER MENU $40 =ANTIPASTI= POLPETTE meatballs, San Marzano tomatoes DOP, Parmigiano Reggiano CAESAR SALAD Earth - Eats romaine, Grana Padano, anchovies, pangrattato BUTTERNUT SQUASH SOUP crispy prosciutto, sage foam, pine nuts =ENTREES= LINGUINE pomodoro or broccolini pesto TAGLIATELLE BOLOGNESE San Marzano tomatoes DOP, beef, peperoncino GRILLED SALMON zucchini, red pepper sauce, cherry tomatoes BAROLO BRAISED BEEF SHORT RIBS creamy polenta, oyster mushroom, demi-glaze DOLCI MOUSSE AL CIOCCOLATO chocolate, cream, strawberries CLASSCI TIRAMISร
Profs & Pints DC: A Practical Guide to Social Change
[Profs and Pints DC](https://www.profsandpints.com/washingtondc) presents: **โA Practical Guide to Social Change,โ** a research-based look at how communities bring about reform and progress, with Marissa Robinson, founder of Real Health Impact LLC and an adjunct professor at George Washington University who teaches courses focused on public health leadership and social change.
[Advance tickets: $13.50 plus sales tax and processing fees. Available at [https://www.ticketleap.events/tickets/profsandpints/dc-social-change](https://www.ticketleap.events/tickets/profsandpints/dc-social-change) .]
Systems built on inequality rarely transform without deliberate pressure from the people most committed to justice, because progress takes coordination, conviction and willingness to change what has always been accepted. Real change starts when people choose to move together.
Learn what research and experience say about how to make real social progress with Dr. Marissa Robinson, a public health practitioner who previously worked in federal agencies coordinating global and national public health initiatives focused on infectious diseases, HIV, and health equity.
Among the key questions sheโll tackle: How do communities overcome barriers to create real change? When should evidence guide decisions and when does context matter more?
Sheโll discuss established frameworks for moving from intention to measurable progress and talk about the importance of building coalitions that actually work and of making decisions grounded in real data. Youโll learn about the importance of testing ideas on a small scale before going big, as well as how to use rapid feedback loops and continuous improvement cycles to refine approaches and scale what truly works.
Dr. Robinson will share stories of ordinary people and communities who refused to accept the status quo and pushed through real barriers to achieve breakthrough results. Sheโll talk about practical strategies, usable frameworks, and evidence-based examples that people can apply immediately in their own communities and organizations to support change that lasts.
If you have dreamed about bringing about progress in your world, this talk will give you the clarity, direction, and confidence it takes to turn such dreams into reality. (Door: $17, or $15 with a student ID. Listed time is for doors. The talk starts 30 minutes later.)
Image by Canva.
WINE MONDAYS - 50% Off Every Bottle, Every Monday!
Mondays just got delicious!
Join us at **Divino** for **Wine Mondays: 50% off our entire wine list**โall day, every Monday.
From crisp Italian whites to bold Barolos, itโs the perfect excuse to explore something new or revisit a favorite.
**Less Monday stress...More Wine!**
FREE PARKING
Doubles Volleyball - Competitive BB+/A
Let's get together to play some competitive doubles volleyball.
**COST**: FREE
**Court Type**: Outdoor grass
**Minimum Skill Requirements**: BB+ (click [here](https://docs.google.com/document/d/1PojSi4qdlRsv1msCHhvpQ43iDc4FfzQwpWCc3kafVMY/mobilebasic) for details)
Attention:
1. This event is **NOT on a first come-first serve** basis and players with higher skill level and players who can bring a net/ball will get priority over others on the wait list.
2. Since skill levels are **self-reported**, some new attendees may not meet the expected level. For doubles, we encourage you to choose a partner you can enjoy the game with, and since this a competitive event, it is okay if you make a strong team and win all the games.
3. Each person must help set up and take down one net, leaving some nets unset for latecomers.
4. Please answer all questions, so it's helpful for us to organize the event.
\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-
**Smiley Social documents:**
1. [Group Rules ](https://docs.google.com/document/d/1HrG35p_0M08leRvCp8XWG3CMkr_GL928XFabl5T6Dvg)
2. [Liability Waiver ](https://docs.google.com/document/d/1W2mq-7m99lmvd7gdWYaSUFtvVg4UGnzV6koafAbHmco)
3. [Volleyball Levels](https://docs.google.com/document/d/1PojSi4qdlRsv1msCHhvpQ43iDc4FfzQwpWCc3kafVMY/)
Cozy Vibes & Asian Street Food Culture at Pak Soii Izakaya!
Join us for delightful cocktails, sake, and a taste of Tokyo at ***Pak Soii Izakaya & Bar!***
***From NoVa Magazine:***
For tourists traveling to Japan, izakaya โ casual bars known for their lively atmospheres and small bites of bar food โ are often a must-visit stop for a taste of the local culture. But for those who donโt have travel plans in the books, you can sample that style of eatery right in Northern Virginia. At izakaya-style restaurants and bars, diners will find cocktails, sake, and delectable Japanese bites like yakitori and takoyaki that provide a taste of Tokyo right at home.
This cozy spot in Del Ray just opened in October. It blends Asian street food culture with Japanese influences, with menu items like hand rolls, donburi, takoyaki, and sashimi.
Check out the menu [here](https://www.paksoiiizakaya.com/)
**WAITLIST:**
Meetup does not allow a waitlist for paid events. If this event fills and you are interested in adding your name to the waitlist, please send host a message through the app.
To enhance the opportunity for great conversation, we would like to keep the group small. Please feel free to sign-up to meet us along with up to 2 friends.
In the future, we will vary the days of the week, geography and the cost of restaurants so that we can attract many different types of diners.
PLEASE MAKE SURE YOU ARE COMMITTED TO GO WHEN YOU RSVP FOR THIS EVENT. In the event our group incurs a fee for no-shows / late cancellations, your ability to RSVP for future events will be restricted. Thank you in advance for your understanding.Feel free to make suggestions for future meet locations. All diners will have their own tab to avoid any confusion.
\*\* The small non-refundable registration fee helps us share the cost associated with Meetup platform ($360/year) and reduces the likelihood of no-shows, allowing us to better plan our events and accommodate attendees. Thank you in advance for your understanding!\*\*
If you are unable to join us in January, we hope you'll stay interested and join us for a meal in the future. Looking forward to seeing you at Pak Soii Izakaya!
HTML & CSS Events This Week
Discover what is happening in the next few days
A11y-DMV January Social
Please join us for our first social gathering of 2026!
This month, we'll be gathering at Busboys and Poets, Takoma Park.
Located only a short walk from the Takoma Park metro, Busboys and Poets is a restaurant, bar, bookstore and community gathering place. First established in 2005, Busboys and Poets was founded by owner Andy Shallal [(@andyshallal)](https://twitter.com/andyshallal), an artist, activist, and restaurateur. After opening the flagship location at 14th and V Streets, NW DC, the neighboring residents, and the progressive community embraced Busboys and Poets, particularly activists opposed to the Iraq War. Busboys and Poets is now located in nine distinctive neighborhoods in the Washington D.C Metropolitan and Baltimore areas. Busboys and Poets is a cultural hub for artists, activists, writers, thinkers, and dreamers.
This is a new venue for our meetups, so please note that all accessibility information was gathered over the phone and has not been verified in person as of yet.
Service animals and companions are welcome!
SER o ESTAR (A2)
### ๐ 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)
Exploring The Future (B1)
๐ **Enroll at [https://www.worklifespanish.com/intermediate-b1.html](https://www.worklifespanish.com/intermediate-b1.html)**
You may think you know the future, but you have no idea how much fun these tenses are! We'll talk about events that will take place with the future tense, express what *might* occur with the conditional tense, and use both tenses to express probability and doubt. A great introduction to the subjunctive tense you'll see in the B2 level!
**โ**โBook: [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: Tuesday, 6:00pm - 8:00pm ET
โDates: 1/20 - 3/24
โTeacher: Mindy
Location: Falls Church
๐ **Enroll at [https://www.worklifespanish.com/intermediate-b1.html](https://www.worklifespanish.com/intermediate-b1.html)**
Indian Woodblock
**$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.
Spanish for True Beginners (A1)
### ๐ Enroll at [https://www.worklifespanish.com/beginner-a1.html](https://www.worklifespanish.com/beginner-a1.html)
This course is for students who have never studied Spanish before and are looking for a step-by-step approach to learning Spanish through a series of interactive speaking, reading, listening and writing activities. By the end of this course, you'll have the confidence to speak at a basic level and understand the foundational structure of this beautiful romance language.
Day: Tuesdays, 6:00pm - 8:00pm ET
โDates: 1/20 - 3/24
โTeacher: Mike
Location: Falls Church
### ๐ Enroll at [https://www.worklifespanish.com/beginner-a1.ht](https://www.worklifespanish.com/beginner-a1.html)
๐โ ๏ธ๐ 3rd Wednesday Spades in DC@Nando's in Navy Yard - Posted in 10+ Groups
โ ๏ธ๐ฒโ ๏ธ 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.
HTML & CSS Events Near You
Connect with your local HTML & CSS community
Web Design Decoded: Tools, Practices, and Proven Processes (Semantic HTML)
**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.**
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)
**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.
[TDB: TBD] (In-Person) #8
**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
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.
COhPy Monthly Meeting
**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
NSCoder Night
Bring your work or your hobby, hang out, and code with us.
Follow @buckeyecocoa for more information.

















![[TDB: TBD] (In-Person) #8](https://secure.meetupstatic.com/photos/event/6/a/a/f/highres_532167311.webp?w=640)

