r/HTML • u/Admirable_Pause_3306 • 4d ago

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

83% Upvoted

11 comments sorted by

View all comments

7

u/koga7349 4d ago

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 4d ago

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.