HTML Basics Part 1

HTML Tutorials

Introduction

HTML - Hypertext Text Markup Language

HTML is the language that is used to write web pages, this tutorial will teach you the basics of writing your own web pages / site.

The code shown below is the very minimum needed to create a web page

<html>
  <head>
    <title>Example HTML Basics</title>
  </head>
  <body>
  </body>
</html>

How to view source code from a browser

Click here to open the web page containing the code above. You can view the code that is used to make the opened page by using your browser (see below on instructions on how to do this)

For Internet Explorer Click view, then source
For Firefox Click view, then page source or Ctrl+U
For Opera Click view, then source or Ctrl+F3

Notice the highlighted text Example HTML Basics between the <title> tags in the source code that is been displayed in the head of your browsers window we will show you how to create and manipulate the code show it can create the pages you want shortly.

Basic Tags

We will quickly go through the elements that you will be using at this basic stage, below is a list of common tags in HTML.

<html> </html> - This is the first tag that is required and the last tag that is closed in a web page. Within this tag contains all other tags title, body etc.

<head> </head> - This tag contains the title, style and javascript tags.

<title> </title> - Self explanatory but very useful and must always have a title and be straight to the point as this tag is helpful in improve Search Engine Optimization (SEO).

<body> </body> - These tags contain all the content on a page including images and text.

<p> </p> - P for paragraphs, between these tags text can be written.

<a> </a> - A commonly used for links to other pages or other sites.

<br /> - To get your text to move down one line this tag will come in handy.

<img /> - This tag inserts a image or graphic for you and even alternative text.

Obliviously by now you be wondering how to use these tags well we are now going to show you.

Basic Practical Example

Firstly here is the example we are going to create but before we get started, you will be wondering how or what software will i need to use and get me started on my way.

Notepad (or any other text editor)
Microsoft Front Page
Adobe Dreamweaver
Visual Studio

But you do not need to spend money on any software to create a web page with this tutorial, as you can see Notepad is on top of the list providing you have access to a text editor you can still take part in this tutorial and make decent web pages. Personally I would prefer Notepad (or any other text editor) as it is provided in a majority of operating systems and is cable of reading HTML and XML and saving them in that format.

Remember to save your files with the extension .htm or .html if you intend to use notepad

Next Page HTML Basics - Part 2

Home

HTML