HTML tutorial-Lesson 1

Lesson 1 : Introduction to HTML

[1.1 What is Internet][1.2 What is HTML][1.3 Document Structure]

1.1 What is Internet

The Internet is a network of millions of computers connected together in some way so that they can share information. A network can be as simple as two computers connected to each other or it can be as complex as millions of computers connected to each other like the Internet. In order for a computer to be part of a network it has to be connected to another computer that is also part of that network .This allows computers to "talk" to each other using certain protocol. They can share files and other information. This is the way our email, the World Wide Web and other services work over the Internet.

Each computer on the Internet has an address. This address is also called an Internet Protocol address (IP address). An IP address contains two important pieces of information: Where the computer is located and what kind of network it is on. When a computer wants to send information to another computer it puts a label on the message which contains the IP address of the computer for which the information is intended. The information then pass through a chain of computers on the Internet. When a computer receives a packet of information it looks at the label and sends it in the direction of where the IP address is located. The information eventually makes its way to the computer with the correct IP address. It does not really matter how far apart two computers are. As long as they are both connected to the same network, they can share information.

Servers are machines that make information available to other people on the Internet. They are primarily powerful computers that store information like email, web pages and databases. They are usually on 24 hours a day so that we can access the information any time anywhere. In order for a web page to be visible to others on the Internet, it must be put on a server.

There are a number of services on the Internet that enable computers to share and access information. Among them, the most popular one is the World Wide Web. The reason why it has become so popular so fast is because it provides multimedia information and interaction. Images, text, animation, movies, games and many other information can be shared between computers, including smart phones such as Iphone and tablet computers such as Ipad. Each web page has its own Internet address called URL(Uniform Resource Locator) so that Internet users can access it using standard browser such as Mozilla Firefox, Internet Explorer, Google's Chrome , Opera and Safari. In the past, Web pages were basically designed using HTML code. An the most popular HTML editor is notepad. Nowadays most web pages are designed using GUI-based website building programs such as Microsoft Frontpage , Macromedia Dreamweaver as well as web-based content management systems such as wordpress and Joomla . However, sound knowledge of HTML is still very important especially when you need to troubleshoot and customize your website.

Back to the top

1.2 What is HTML
HTML stands for HyperText Markup Language, the language of the World Wide Web. Web sites and web pages are written in HTML. With HTML and the WWW, we have the ability to bring together text, pictures, sounds, video and links all in one place! HTML files are plain-text files, so they can be edited on any type of computer....PC, Mac, UNIX, whatever using standard editors such as notepad and wordpad . HTML can be viewed using browsers such as Mozilla Firefox and IE. The reason why HTML is the standard formatting tool for WWW is that it is cross platforms, meaning that it can be viewed through different type of computers with different operating system such as the Mainframes, Apple computers, the UNIX system ,the popular IBM compatible PCs, smart phones and tablet computers. It is sort of a common Internet language.

Back to the top

1.3 Document Structure
HTML files are just normal text files, they usually have the extension of .html, .htm or .shtml. HTML documents are generally divided into two parts, the head and the body. The body is the larger part of the document, as the body of a letter you would write to a friend would be. The head of the document contains the document's title and similar information, and the body contains the contents and everything else.

Example of a basic HTML document structure:
<html>
<head><title>Title goes here</title></head>
<body>Body goes here</body>
</html>
You might find it easier to read if you add extra blank lines such as follows:
<html>
<head>
<title>Title goes here</title>
</head>
<body>
Body goes here
</body>
</html>

Back to the top

[Home] <Next Lesson>