HEY

Participate in the next Webflow Challenge!

How to learn HTML with Webflow?

You don't like codes? I'm not going to give you a long code at all. Instead, I'm going to help you learn HTML with Webflow, simply and quickly!

Updated on

9/6/2020

learn HTML with Webflow
Photo by Dids de Pexels

Don't worry, maybe you're like me, you're not a big fan of codes. So I'm not going to give you a long code here at all. Instead, I'm going to help you understand the logic of HTML, and why not, learn HTML with Webflow.

Go to the platform, right away

You don't have a Webflow account yet? No problem, just sign up. It's free (although limited). But you can already do a lot of things with a free plan! After you register, you are immediately taken to the dashboard.

From there, you can go to the Showcase, a kind of library of models ready to be used. To modify one of them, you'll have to clone it first. And then it appears on your dashboard. As I mentioned before, your functionalities will still be limited (if you don't have a paying account).

learn HTML with Webflow
Photo by Magda Ehlers de Pexels

But back to the matter at hand. Click on the model you've chosen. Then, on your left, you have a navigation bar that will allow you to view the HTML codes of this template. For each template, this bar is visible. From here you can unfold or fold the different blocks. In fact, HTML is mostly about blocks. A block can contain another block, and so on. In fact, learning HTML with Webflow is not that complicated!

When you click on a block, it will be automatically selected on the screen. It is even possible to take the block and then move it. Each of the blocks is linked to a CSS (everything related to the visual: color, typography, etc.). So, when you also click on these blocks, the corresponding CSS elements will appear in the bar on the right. But I talk more precisely about this subject, in another article (which I strongly invite you to read if you haven't done so yet; very enriching too).

learn HTML with Webflow
Snapwire Photo by Pexels

Anyway, this is where you have to try to understand why the developer did this or that, how he did it with the code, etc. In case you need these codes elsewhere, you can export them without any problem, with Webflow. And if you already know some HTML, you can also add code in Webflow itself (and not only HTML or CSS, but also JavaScript).

Why learn HTML with Webflow?

Webflow is probably the best way to learn HTML very quickly. When I started, I knew nothing about code. But I have to admit that by dint of using Webflow, I ended up understanding the notions, and I can even say that I know a little bit about it.

learn HTML with Webflow
Photo by Up-Free--427519 from Pixabay

If you plan to learn HTML based only on codes (and especially if you don't like codes too much), you're not going to get out of it easily. However, with Webflow, I guarantee you a fast and very rich learning experience.

The HTML structure on Webflow is also very clean. And I can tell you that there are not many platforms that offer these same advantages!

Conclusion
Webflow is not just about creating beautiful sites. It is also a very good ally if you want to learn HTML with Webflow. It is often said in these cases that: you kill two birds with one stone.

YouTube: How to learn HTML with Webflow

Come back to this page whenever you want. Did you come up with any ideas I might have forgotten? If so, what are they? Leave a comment below or send an email to hello@happydesk.be.
Kevin Palombo, Manager of Happydesk.

Coffee break

4 items you might like

FREE TRAINING

Register here to receive the free Discovery Training
.

Start by taking the Discovery Training, where you will learn the basics of Webflow and a taste of what to expect in the Start Weblow training.

Start the free training