Looking for Feedback on My Beginner HTML Practice Projects

HTML & CSS
1

Hi everyone,

I have been working on a beginner-friendly collection of HTML practice projects for students who are starting their web development journey. While creating this resource, I tried to focus on projects that help learners understand HTML by building real pages instead of only reading theory.

One thing I have noticed is that many beginners complete HTML tutorials but still struggle when they try to create something on their own. They know the basic tags, but they don’t know how to combine them into a complete webpage. Because of this, I decided to prepare a list of small practical projects that gradually increase in difficulty.

The projects start with simple ideas like creating a personal profile page, a basic portfolio, a contact form, and a product landing page. After that, learners can move on to more structured layouts that include navigation menus, tables, images, lists, forms, and semantic HTML elements.

My goal is to encourage beginners to write HTML code manually instead of depending completely on website builders or AI tools. I believe that building projects is one of the fastest ways to understand how HTML works in real situations.

While preparing these projects, I also tried to keep the instructions simple so that students with no previous programming experience can follow them. The focus is on understanding page structure, organizing content properly, and developing confidence before moving to CSS and JavaScript.

I would really appreciate feedback from experienced developers and instructors in this community. Specifically, I would like to know:

  • Are these project ideas appropriate for complete beginners?
  • Which HTML concepts do beginners usually find the most difficult?
  • Are there any important beginner projects that you think should be included?
  • Would you recommend introducing CSS immediately, or should students first become comfortable with HTML alone?
  • Do you think adding small challenges after every project would improve the learning experience?

Here is the resource I have been working on:

https://digitalsanjiv.com/html-projects-for-beginners/

I’m not posting this for advertising purposes. My intention is to improve the learning material based on suggestions from experienced developers. If you notice any mistakes, missing topics, or areas that could be explained more clearly, I would genuinely appreciate your feedback.

I also plan to expand this collection by adding beginner CSS projects, responsive web design exercises, and simple JavaScript practice tasks so that students can continue learning step by step. If you have ideas for future beginner-friendly projects, please share them as well.

Thank you for taking the time to read my post. I look forward to hearing your suggestions and learning from your experience.

2

Your "200+ companies that want my information is a good way to stop reading. ONE button “Reject all” instead of 200+ companies that I have to shut off?

3

Nothing screams “I used an automated generator to parse my blog totally legitimate resource” like auto-generated links to the page you’re already viewing.

The generator has put the table of contents inside a section of the text body.

Section 5 is titled “Example Project: Personal Profile Page”. Except your tutorial then… doesn’t include a personal profile page…

Your “Example of Internal Linking” (a concept you havent actually introduced anywhere previously) says: “In a real website, pages should be connected.”
Yes, that is very much the basics. However, it’s not internal linking to link the page… to itself.

Tables are disfavored nowadays in favor of other layout mechanisms.

Uses a CSS file. Good. Doesn’t describe what a CSS file is, or how its used, or why it exists as a separate file, or how to link one properly…

There’s no way you have 20+ years of teaching experience. I simply don’t buy that. You’ve got… maybe 10 years of cheap blog-farming experience, would be my evaluation of this over-bloated blog post that reads more like an ad than instructional.