Learning HTML in 30 days

So let the fun begin…

Let’s get started…

HTML is relatively straightforward language to learn and 30 days (1-2 hours per day) should be enough time to build a solid knowledge base. It is possible to learn this in less time, but due to family and work commitments, I only have a couple of hours available per day.

Text Editor

I am going to use Atom, a free open source text editor developed by GitHub. I have used this a little before and find it simple and intuitive, so I will stick with what works for me. Here is a list of some other popular free text editors.

Reference

I used a number of references to help write this guide, these can be found along with other useful links on the resources page.

Demos

At this stage, I don’t have a platform for adding demo code files, hopefully, these will be added later.

These are the subjects I will learn:

HTML Basic setup and structure

<!DOCTYPE html>
<html>

</html>

Text

<p>This is paragraph</p>

Tables

<table>
<tr>
<th>First</th>
<th>Second</th>
</tr>
<tr>
<td>One</td>
<td>Two</td>
</tr>
</table>

Links

<a href="http://points-pixels.com">Visit our Website</a>

Images

<img src="picture.jpg" alt="picture description">

Forms

<form>
<label>Name:</label>
<input type="text" name=“name">
</form>

Divs, Spans, Classes and Ids

<div>This is div and a<span> inline span</span></div>
<div>
<h1 id="id-name">I am a unique ID headline</h1>
<h1 class="class-name">I am a Class headline</h1>
</div>

Styles

<p style="color:red; font-size:72px;"> This some big red text</p>

Semantics

<article>

 <h1>This is an Article</h1>

<p>Its is very short</p>
</article>

Next step
HTML – 1 – Basic setup and structure