Starting HTML -HTML Tutorial for Beginners

HTML is the code behind all web pages and although unseen by visitors it is the basic building block of web pages.

Learning HTML isn’t strictly necessary in order to make web pages as there are many tools (web page editors) which will create the HTML for you.

However having a basic knowledge of HTML and how it is structured does make creating web pages much easier.

You don’t need any expensive tools to learn HTML as you can easily learn the basics using a simple text editor like notepad.

In this 5 part tutorial/mini course we will cover HTML basics and create some simple HTML pages using notepad.

We will look at the important HTML elements and learn how HTML is structured.

What is HTML ( HyperText Markup Language)?

HTML ( HyperText Markup Language), is a mark-up languages used to encode Web pages. It provides the information to the web browser for laying out and presenting web pages.

HTML is also invisible to  viewers of the web page as it is only meant to be used by the web browsers.

Learning HTML

There are many books available on HTML and I would recommend you get one for reference. However I find most books try to cover too much and don’t concentrate enough on the basics so that a beginner can build a solid foundation.

Once you have a solid understanding of the basics then it is much easier to learn the intricacies of the language if you really want to.

My aim here is to cover the basics of HTML so that you can start using it and feel comfortable with it. HTML is not used in isolation on web pages, and you will also encounter CSS (cascading style sheets), JavaScript and even PHP.

We will cover how these fit into the overall picture.

Test Your Current Knowledge

Here is a very basic HTML quiz.

Note: answers are below

Question 1: What HTML tag will you see at the top of a web
page?

  1. body tag
  2. Head tag
  3. Title Tag
  4. HTML tag

Question 2: What is the HTML tag <b> for:

  1. To Insert a line break.
  2. Make the text bold.
  3. Used to begin a new line.

Question 3: What is the HTML tag to insert a line break:

  1. <br>
  2. <break>
  3. <b>
  4. </br>

Question 4: What  HTML tag isn’t used with lists:

  1. <ol>
  2. <li>
  3. <ul>
  4. <list>

Question 5: What do you think the HTML tag <img> is used
for:

  1. To make text italic
  2. Insert an Image
  3. Insert a video
  4. To create a border

Your Results:

If you achieve 80% ( 4 correct answers) or more and felt comfortable with all your answers i.e. no guessing , then the basic course will probably be too basic for you.

Otherwise I would recommend you try the basic course below.

Answers

  1. D the HTML tag <HTML>
  2. B -Make the text bold
  3. A -The <br> tag
  4. D -the <list> tag
  5. B – To Insert an Image

Online HTML And Web Page Basics Workshop

This free course is for beginners who have never written any HTML before and want to learn  the basics so that you can confidently create and edit simple web pages.

The course consists of 5 short lessons containing exercises which I  recommend that you do on your own computer.

Is is designed to teach you all the HTML you need for making basic web pages and more even more importantly for editing existing HTML web pages.

Course features and what you will Need:

  • Done on Your home Computer in your own time.
  • Contains exercises, videos and quizzes to check you understanding and if you have a question then the answer is just an email away.
  • No software to purchase uses Notepad and any web browser.

Workshop Lessons :

Note:  The current version of HTML is version 4 i.e. HTML 4.01 but the newer HTML 5 is widely implemented in most modern browsers even though it isn’t yet an official standard.

You may have noticed the term XHTML appearing. XHTML was meant as replacement for HTML 4.0 but HTML 5 will now replace HTML 4. As a beginner you don’t really need to worry about these differences.

HTML Books

I tend to use books as a quick reference, when I need to do something. You will find a huge selection of HTML related books at Amazon:

 

 Related Articles and Resources:

Did this Tutorial Help? Please Rate
[Total: 0 Average: 0]