Learn Web Development – The Super Simple Way

To learn web development, we need to also learn HTML

So far, we learned how to create dynamic content using PHP and MySQL. Next we’re going to touch a little on HTML, some CSS to style our page to look a little nice.

Let’s make our loop into a list with bullet points.

<ul>
  <?php
  $db = mysqli_connect("127.0.0.1", "root", "", "test");

  $result = $db->query("SELECT * FROM task");
  while ($row = $result->fetch_object()) {
    echo '<li>' . $row->task_description . '</li>';
  }
  $result->close();
  $db->close();
  ?>
</ul>

The first line we have up is simply for the browser to understand that there will be an unordered list coming. That’s what the UL stands for. This just means that the bullets are not to be numbered. They’re simply just bullet points.

We’ve replaced the <div> elements with <li> elements. These are called list items.

HTML is a vast language with much more depth than is shown here. Learn all of the HTML you want at W3Schools. You can learn other languages, but for now, they have a really good tutorial to go through to learn the basics.

HTML is not dynamic. It’s static, which means that you can’t pull in dynamic data. In order to change things, you have to update the actual html file itself, every time. Wouldn’t it be nice to be able to update it using some nice interface? Well, that’s what web applications are.

Let’s style our list. To lean web development, you need to pick up CSS.

CSS, the prettyfier.