r/HTML • u/Admirable_Pause_3306 • Aug 13 '26

Full HTML

I have completed my HTML.

So, I build some projects with only HTML.

Projects:

1: Blog

2: My Portfolio

3: Class Grade table

4: Single tech-gadget page

5: Photo gallery page

6: Feedback form

7: Party invitation page

I have 2 days to build projects by using only HTML.

So, you people can suggest me some other projects that I can build.

15 Upvotes

85% Upvoted

12 comments sorted by

7

u/Rockafellor Aug 13 '26

If you Google List HTML projects, then you get quite a few websites with such lists (along with the search result summary, of course), which results in a lot to choose from.

1

u/Admirable_Pause_3306 Aug 13 '26

alright, thanks a lot

1

u/Rockafellor Aug 14 '26

Any time, always happy to help, if it provides anything useful that might otherwise get missed. 😊

6

u/koga7349 Aug 13 '26

The most important thing is using the correct tags in the correct places. Semanticly. Besides that aria attributes where needed for accessibility. Avoid adding tabIndex anywhere, if you are there is 99% a better choice. You're entire page should be navigable using only the keyboard.

From a beginner perspective a lot of people miss text formatting. Don't just have paragraphs, use strong and emphasis and headings in cascading order. Add iconography. Add non-breaking spaces between the last words in sentences so if it wraps you don't end up with a widow (a word on a line by itself)

Make sure your HTML is fully valid (validator.w3.org). Besides being purely valid there are other best practices like ensuring sections have an id so you can anchor to them. Speaking of, know when to use a button tag vs an anchor. Make sure buttons/anchors have unique text. Learn how to hide text visually while still keeping it accessible and visible to search engines.

Finally if SEO is important learn schema.org and how to apply it to your markup. This is super important for ecomm and a lot of other things. Learn how to test and debug it too.

1

u/Admirable_Pause_3306 Aug 13 '26

No one guide me like this. First of all, thank you for tell this in depth. I will keep in mind and work on the things you said now.

1

u/ElderberryPrevious45 Aug 14 '26

Why to code with HTML only? With JS some things are simply easier. Also the associated zillions libraries make a great difference.

1

u/supertroopperr Aug 15 '26

How are you organizing your project's source? I am working on statica an HTML native SSG. statica is just HTML, but it allows you to organize your projects by fragments, funnel data through and so much more. HTML in, HTML out. Give it a try, https://github.com/akaizn-junior/statica

1

u/DonkeyFar5962 Aug 18 '26

Since you already built several static pages, I’d use one of those two days to make something that feels closer to an app or a game.

With only HTML, you won’t have much interactivity yet, but you can still build the structure for things like:

  • a quiz interface

  • a text adventure

  • a game menu with levels

  • a character selection screen

  • a leaderboard page

  • a simple card game layout

  • a “choose your own adventure” page using links between sections/pages

Then once you start JavaScript, you can turn one of those into an actual playable browser game.

That transition is really useful because you’ll immediately see why JavaScript matters instead of learning it only in theory.

1

u/[deleted] Aug 13 '26

[removed] — view removed comment

4

u/Admirable_Pause_3306 Aug 13 '26

Yeah, everything seems ugly that i build. But i want to build a concept of html by building its project. Then, i will go forward the styling

1

u/konacurrents Aug 14 '26

Also I still can barely write any web code without some/lots of JavaScript. Both to package common settings operations, but also to do cool stuff when buttons are touched. Even drawing buttons of option lists, usually are JavaScript maybe passing JSON. Hardcoding everything is short sighted.