So far, we have learnt a lot without actually writing HTML and CSS on our own computers. You may be wondering that while executing code right here on CommonLounge was great for learning, real developers seem to write code on their own systems. This is where this tutorial comes in! You will step up your game and learn to run HTML and CSS code on your own computer.

What softwares do I need?

The best part about learning HTML and CSS is that you don't need to install any complex software! All you need is a modern web browser like Chrome or Firefox, and a text editor like Atom, VS Code, Sublime Text 2 and so on. In fact, it's likely that you already have one or both of these already installed!

Let's look a quick look:

1. The Browser: If you don't already have Chrome or Firefox, install one of them on your computer by foll...

In this lesson, you’ll learn:

• How to build tables
• How to merge cells
• How to style tables

Creating Tables

Tables are easy to create in HTML if you know what you’re doing. To create a table, you’ll need the <table> element, the <tr> or table-row element, <td> or table-cell elements and <th> or table-header elements.

Tables are formed by placing <tr> table-rows directly inside of a <table>, and then filling them up from left ...

Now that we have articles and comments working, take a look at the app/views/articles/show.html.erb template. It is getting long and awkward. We can use partials to clean it up.

Rendering Partial Collections

First, we will make a comment partial to extract showing all the comments for the article. Create the file app/views/comments/_comment.html.erb and put the following into it:

<p>
  <strong>Commenter:</strong>
  <%= comment.commenter %>
</p>
 
<p>
  <strong>Comment:</strong>
  <%= comment.body %>
</p>

Then you can change app/views/articles/show.html.erb...