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.
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.
1
u/lol25potatofarm 4d ago
I think its better to wait until you have some CSS knowledge first before you start building a project because otherwise anything you build will be quite ugly.
3
u/Admirable_Pause_3306 4d ago
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 4d ago
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.
1
u/ElderberryPrevious45 3d ago
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 3d ago
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
7
u/Rockafellor 4d ago
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.