HTML For Beginners
Learning The Basics

The aim of this article on HTML for beginners is to provide you with a basic understanding of HTML. It is not meant as a tutorial but I hope it'll give you the confidence to realise that you too can create HTML code even if you're not a programmer.

Learning HTML may seem a bit like learning a foreign language or doing a math equation! Just take it slowly. It's not so difficult (at least basic HTML for beginners isn't) and it's very logical ...

The problem arises when you leave something out of the equation knowing how HTML works and the logic behind it really helps.

  1. HTML For Beginners - Your Web Page
  2. Your web page consists of an HTML document plus any images (photos) you wish to include in that page.

    html-for-beginners" HTML for Beginners

    For your browser to recognise and interpret your as a web page it must:

    • be written in plain text
    • include HTML Tags
    • have either a .html or htm extension eg filename.html.

    The purpose of the browser (eg Firefox, Internet Explorer, Safari) is to display your HTML document as a web page.

    When your document is displayed as a web page you only see the plain text not the HTML tags.

    If you do happen to see a Tag when your web page is displayed, you know that you've made a mistake with your coding.

  3. HTML For Beginners - HTML Tags
  4. Tags form the basic structure of any HTML document and is the simplest form of HTML. When tags are applied to specific content they give it meaning.

    Each time you insert content into your html file you need to apply an opening tag (angled bracket) and closing tag (angled bracket). This tells the browser that everything in between the opening and closing tags needs to be interpreted in a specific way.

    A closing tag looks just like an opening tag with one difference. A forward slash (/) is inserted after the first bracket which tells the browser that the formatting for this particular section should stop.

    Note: All tags need to be closed. However, there are always exceptions to the rule! One such exception is the line-break tag.

  5. HTML for Beginners: HTML Elements
  6. To the inexperienced eye an element looks just like a tag because it starts with an angled bracket (<) and ends with an angled bracket(>).

    Having said that, an element actually marks an individual component of an HTML document eg the beginning and end of the body of an HTML page.

    Then within an element you can insert a tag eg when you want a word to be bolded you would insert the tag within the element.

  7. Html For Beginners: Attributes
  8. An "attribute" is basically another word for a "feature, trait or characteristic". That's all.

    As mentioned above, a tag is the simplest form of HTML code. You can however, add additional instructions to a basic tag. You do this by adding what is called an "attribute".

    Attributes always appear inside the opening tag and are always placed inside quotation marks.