Ajini Danny. - Introduction To HTML & CSS Learn To Code Websites Like A Pro

So they say that the difference between a master and a novice is that the master knows the tricks of the trade. It's the tiny, subtle things that the master knows that gives him the edge over the novice.

You may not know this, but anyone who has ever used a computer (even one without internet) has probably used and manipulated HTML.

HTML means HyperText Markup Language FYI.

If you have ever used Microsoft Word, then you have most likely come in contact with a multitude of HTML elements and you didn't even realize it.

These include:

• Headings (Heading 1 through Heading 6)
• Tables
• Ordered Lists (A list with numbered bullet points)
• Unordered Lists (This list is an example)
• Links (Surely you've encountered a Word document with a link to a website)

I'm sure there are a few more examples but are the stand out elements which I knew most people would be familiar with.

And, just like a Word document, a website can be extremely bland with no styling...or you can use your imagination and jazz it up a bit using fancy fonts, colored text, images, backgrounds, etc!

Figure 2.1 On the left is a website and on the right is the same website minus the CSS.

CSS stands for Cascading Style Sheet and when people refer to CSS they will often talk about the stylesheet which is the document containing the CSS code. As you can see above in Figure 2.1, on the left you have a website which consists of HTML & CSS. And on the right you have the EXACT SAME WEBSITE, however I deleted the stylesheet.

The HTML includes all of the elements that are on the page IE: the pictures, the words, the links, etc. and the CSS is the code that the website designer uses to denote the color, orientation, font, etc.

As you can see the website on the right (minus the CSS) looks very much like something you could create in Microsoft Word.

And much like Microsoft word elements, each HTML element comes preset with styles.

For example if you were to take a word and link it to a website, it becomes blue and underlined. If you were to begin typing, the words would begin in the upper left portion of the document using a Times New Roman font and utilizing a 12 point font.

The reason why I mention the link and paragraph style attributes in Microsoft Word is because they are almost identical to the default appearances of unstyled HTML elements.