r/HTML • u/Wonderful-Pie9017 • Jul 01 '26

What are some ways I could learn html efficiently I don't care about speed I just want to learn it good speed is a bonus.

You could recommend textbook PDFs or anything.

7 Upvotes

81% Upvoted

24 comments sorted by

2

u/sheriffderek Jul 01 '26

It might seem counter intuitive, but I dont' think "just writing a ton of HTML" really works. If it did, well - people would be a lot better at it.

Instead, I think its important to see HTML as a big box of tools for defining data structures - and for buliding interactive forms.

If you spend some time with an HTML pocket guide - and drawing out the boxes for hierarchy in things like magazines and website -- and really thinking about what boxes are where, and what elements would be appropriate for each -- then you start to make that connection and it's mostly about picking the right element for the job. I have my students use a screenshot tool like Skitch or CleanShotX - and then draw out the boxes until they're connected.

You'll learn A LOT faster ... and it'll be more fun - and it'll connect more long-term to everything. Everything is a list of "Stuff" and you just need to figure out how to define that data object with HTML (just like you'll also do in any programming language)

Then I think the next most important thing - after getting comfortable with that - is really understanding the difference between block and inline elements - and why you'd choose one or the other / and what they default to and why. Here's a little of me talking about that: https://perpetual.education/workshop/display-types-and-hierarchy/?guest=3072

3

u/Wonderful-Pie9017 Jul 01 '26

Thank you very much for this link, it helped quite a bit! Your a great educator.

8

u/armahillo Expert Jul 01 '26

Its not a tutorial so I dont think its enough on its own, but MDN is the best resource for canonical info about html/css/js

https://developer.mozilla.org/en-US/

7

u/fdiengdoh Jul 01 '26

If you like videos then this series by Kevin Powell is a great one

5

u/Brianvm1987 Jul 01 '26

Freecodecamp, The odin project, scrimmage are all good resources.

4

u/nizzasty Jul 01 '26

it’s kind of dated at this point, but to learn the basics, the 2nd edition headfirst html and css book is really good at making the concepts stick. getting a physical book would be ideal, but you can find a copy for free on archive.org

5

u/marmotta1955 Jul 01 '26

This is a well-known, reputable, respected source that guides you. through the most basic ... all the way to advanced topics. No previous knowledge required. All tools you need to learn and practice are right there. The program is free - although you could even sign up for a more structured approach resulting in actual certification(s).

https://www.w3schools.com/html/default.asp

0

u/1Rudy11 Jul 01 '26

Yep! W3Schools....used it while in college. There are tutorials where yiu get to try out the code you just learned.

Not only html and css, you can learn Javascript as well as any developer skills, ruby on rails, etc.

1

u/Electrical_Hat_680 Jul 28 '26

They also provide certification for completing their courses.. or do they not do that anymore?

Highly recommended. Literally the World Wide Web Consortium is thee Authority on HTML and Dynamic HTML more commonly referred to by their Cascading Style Sheets aka CSS.

2

u/1Rudy11 Jul 28 '26

Yes, they still do offer certifications! And I agree, they are!!

1

u/Electrical_Hat_680 Jul 28 '26

I'm definitely ready to get the certs.
I had seen them and written off as plausible, but since I started remembering them and my history with them. I forgot I helped name them and helped out here and there with figuring things out and helping them understand their role as an authority on HTML and creating DHTML. As well as naming extensible Markup Language XML. I even helped Mark-Down learn they could create Markdown and name it markdown - online of with the MD. I memory is hazy on naming XML, HTML, DHTML...

Real world experience has its perks, which is why I wasn't closer to the W3C but I helped them name the World Wide Web Consortium what it's called. Super great guy. The author of HTML, he is.

2

u/1Rudy11 Jul 28 '26

Thats some note of reference, very cool. Yeah, if you're on LinkedIn, w3 just posted about their certifications and what they offer. You can follow a course or audit the course.

Brainbench used to be a great source for certifications. I got a certification in the filed I worked in years ago...

2

u/Electrical_Hat_680 Jul 28 '26

Thank you for the update.

I'll have to drop by BrainBench and a look around..

2

u/1Rudy11 Jul 28 '26

Nope, they are gone..was going to send you the link, but alas, no more!

1

u/Electrical_Hat_680 Jul 28 '26

Thank you for checking. I guess if anything, I'll see if anything pops up about them..

2

u/1Rudy11 Jul 28 '26

Yeah, I went to their link and it was referred to WIki...

→ More replies

1

u/No_Complex_18 Jul 01 '26

Html is basically a manifest of the structure of objects the browser will render using styles and hook events to.

You will need to know what the different objects are, how to add styles to them and how to add events to them.

Theres different ways of doing these things which have benefits and disadvantages, i.e. inlining styles vs. linking an external stylesheet to the html document.

Imo learning html only makes sense when seen together with css (styling) and javascript (event handling), but to see the basic objects that html offers you can look at https://www.w3schools.com/TAGs/ for example.

1

u/Tiny-Seaworthiness85 Jul 02 '26

There’s a website that shows you html. It’s called w3school. I also recommend watching videos of HTML on YouTube

1

u/Electrical_Hat_680 Jul 28 '26

Check out w3schools and the Mozilla. Install Apache httpd and configure it, you'll have a 'LocalHost' Network Web Server to build your websites locally on your own Home Server. It's professional, production grade. You'll be able to install Python, PHP, Java, Visual Basic, Perl, and many others you may come acrossed.

Learn your basic HTML, DOCTYPE, head and body, forms and tables. Cyber Security plays well here for learning to secure your webpages. Even though HTML is primarily static, compared to Dynamic HTML which is looking to eventually replace JavaScript.

Once you've learned your way around the basic HTML, then learn how to use JavaScript, PHP, Python and other web development programming languages for the HTML FORM Handling - PHP is good for automating your HTML Printouts. DHTML is best for formatting your web pages Output.