https://github.com/rchillard/html.haus

Website to teach HTML basics :house_with_garden:
https://github.com/rchillard/html.haus

html teaching-website

Last synced: 17 days ago
JSON representation

Website to teach HTML basics :house_with_garden:

• Host: GitHub
• URL: https://github.com/rchillard/html.haus
• Owner: rchillard
• License: mit
• Created: 2019-08-04T02:55:41.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2024-08-18T07:15:00.000Z (3 months ago)
• Last Synced: 2024-08-18T08:28:40.913Z (3 months ago)
• Topics: html, teaching-website
• Language: HTML
• Homepage: https://html.haus
• Size: 22.3 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 25
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# HTML.Haus

Website for teaching HTML to everyone. I conceived of this website after returning to web development from a long hiatus. I used this project to learn HTML5 alongside ReactJS, but while doing so, I noticed an old problem has resurfaced in the new world: HTML is often misunderstood and misused. For example, there's an ugly proliferation of div tags! Div tags have no semantic meaning, yet many sites seem to use them for everything, often in place of proper semantic tags. This website hopes to fix problems like that by educating web developers.

![Large white rural house by Jesse Roberts on Unsplash](img/haus-900.jpg "HTML.Haus")

Modern user interface libraries and frameworks like Angular, React, Svelte, and Vue are increasingly being used to build web applications. This abstraction on top of the web's view layer supports building applications in components. [Component driven development](https://blog.hichroma.com/component-driven-development-ce1109d56c8e) has been growing in popularity for years, because it makes reasoning around and maintaining complex user interfaces easier. This new paradigm represents forward progress for how frontend developers build applications.

However, this abstraction has also taken developers a step away from the raw interface of the web, HTML and CSS. With that distance can come a loss of understanding what purpose HTML serves, why semantic HTML matters, and how to combine HTML elements for great justice.

[HTML.Haus](https://html.haus/) helps train everyone on these topics.

## Sections

- [Learn](https://html.haus/learn.html): single page tutorial that takes you from a neophyte to an intermediate understanding of HTML

- [Practice](https://html.haus/practice.html): with a memorization tool to help you remember all of the HTML tags available

- [Reference](https://html.haus/reference.html): reference for broadly supported HTML elements with their syntax, sample code, and an example

- [Tools](https://html.haus/tools.html): to help you write better, faster, and stronger HTML by writing it correctly and validating it

## Resources

The following resources were consulted heavily when constructing this site. I highly recommend them:

- [Mozilla's Getting Started with HTML Guide](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started)

- [WHATWG Community's Living HTML Standard](https://html.spec.whatwg.org/multipage/indices.html)

  

I recommend this additional reading:

- [The Importance of HTML](https://jerryjones.dev/2020/04/20/the-importance-of-html/)

## Contributing

I welcome contributions.  This is a learning resource.  We're better together.  If you're hesitant about your idea, then open an issue and let's talk about it.