Breadcrumb Section

Writing HTML

September, 15, 2015 | HTML

Pay Attention To Details

The first thing you must always remember about most computer languages is to add a closing tag to every element you open.

This is an openning tag – <header>. This is a closing tag – </header>. If your tags are in order,
your code and presentation will be similar to the example below.

The example blocks have links in the header bar

HTML: displays the source code.

CSS: displays the styling of the page.

Result: displays the presentation layer of the webpage.

Example 1:

Adding closing tags in the correct place can be challenging. In example two, if you check the html, you will find tags that overlap.
When you check the result, you will find a broken webpage.

Example 2:

In example three we are going to focus on the comment tag – <!-- ... -->

Example 3:

Comments are very helpful. They don’t interfere with the html output and can save you a great deal of time. I like to use them
in the same fashion that’s displayed in example three. If I ever have to make a quick edit on a live site, I can simply read the comments
to find my way.

The foundation for writing html runs deep. For now, we are simply going to examine the basics. The idea is to the get you up and running
ASAP! Many of you already have an occupation, you simply want to eliminate the barrier that is keeping you from maximizing your
full potential. Having a solid grasp on HTML is the first step towards that goal.


atom

ATOM

Writing HTML is easy, but tedious. If you are attending this class to get a leg up on how to manage your content or promote you business online, you are at the right place. I do not recommend writing a great deal of HTML, because you are going to make mistatkes. We will get into how to use and leverage free templates, along with CSS frameworks. For now, I want to introduce you to the trusty “Text Editor”. There are too many of them to name, some of them are free, others come with a price tag. For this course I am recommending a free application called Atom. I use it almost every day. It’s light weight and has way more functionality than some paid applications. You can click on the image above, it will take you to the website where you can start the download process. If you already have a text editor installed on your system, that is even better.


notepad++

Alternative: NOTEPAD++

For Windows users, Notepad++ is perfect for writing HTML. It has a minuscule foot, which means it will use very little of your systems resources. Most importantly, it is free to download and use.