Build HTML

  1. Home
  2. JavaScript
  3. CSS
  4. HTML

If you are here means you want to improve yourself as a coder. Good for you! Best coders are the ones who never stop learning. I'm glad you pick this site to help you.

I won't make you lose your time. Let's go to the three things that for me are essential:

In rder to get a good Website you need to split your code. There’s no other way to do it. It's not a choice. It's a must. That's the same way I'm gonna divide this blog. HTML in one page-section, CSS in one page or more (never forget it’s a cascade) and JS in one page or longer. It's important, as a Web Developer, that you first try to understand what's happening in your site. It's important to know how a site is working to understand where an error can be.

Number tw. Use help! There are lots of people working in a very clear way. Writing comments within the code so anyone can understand it, it's one of the best practices you can have. Make code not only for robots, but for humans too! Please take a look at the documentation from Bootstrap for example, I'm sure you're gonna find it really useful as I do, 'cause it's written with clear notes all over the code.

There's plenty software to help you code. To write it, to fix it, to debug it. HTML, CSS and JS can be written in any text editor. However, in order to write in HyperText Markup Language, you need to use vertical lines. If you follow this practice you'll never have any problem in finding where a tag begins and where it ends: they should be all aligned. Please check the example bellow:



Line of code using Sublime Text

I'm using Sublime Text to help me out. And it's really cool. You might have noticed that it also conveniently added a number to every line of the code. This can save your life.

Nw number three. Any time you can, get your hands dirty: type your code. The only way your memory is going to properly storage all the information you need to write good code is by getting your hands on the keyboard.

Think of HTML as a building full of modular containers. They can have different sizes. Different functionality. HTML is about the position in the page of a group of elements. All points related but independent. 'Cause most elements can have an evident start and an obvious end.