![]() |
HTCSS tutorial for beginners in English |
Hi friends, welcome to KTL's HTML and CSS tutorial. KTL stands for Keen to Learn. We are here because we are keen to learn something new.
Friends, our site is easy to use for learners.We assure you that you will be able to successfully write your first HTML program by the end of this first lesson!!! We keep pages very simple. We try to avoid loading pages with colors, images or multimedia stuff. Most of the pages contain text, tables and figures where necessary. This approach helps in concentrating on what we are learning. So, if you are serious to learn you are at right place. Wish you very happy learning.
Today, we are going to begin first lesson on HTML.
In this lesson, we will see what is HTML and how to use it.
What is HTML?
HTML stands for Hypertext Markup Language..The first word in this term is "hypertext". Meaning of "hyper" is excessive or above normal. For example, hypertension means above normal blood pressure or high BP. So, the term refers to the text that is hypertext. That means it does something more than a normal text. In a web page, hypertext is used to create a link, by clicking which we can navigate to another page. Thus, by using links all web pages, images and other objects in a website are connected to each other and website itself becomes a big single entity.
Next word in the term is "markup" language. That means we mark up simple text with certain tags,which tell web browsers how,where, and what to display in a web page.
Why Learn HTML?
Scripts written in HTML are used by web browsers to read, interpret and display their outputs. The output displayed in a web browser is called a web page. Therefore, if you wish to develop websites then good understanding HTML is must. You may be also interested in writing blogs. Platforms like Blogger or WordPress are commonly used for this purpose. Here you get WYSIWYG editors. WYSIWYG stands for What You See Is What You Get. That means,whatever your are typing in the interface, you will get exactly same in the output. This is very simple. Simply go on writing what you want to tell readers and rest will be taken care by these platforms. But, note that there is HTML behind all this. So, at some time you will need at least basic knowledge of HTML.My First HTML
So,now let's begin our first lesson. We will use Notepad for this. Open a Notepad window in your system, so that you can type yourself as I type. You will be able to successfully write your first HTML program by the end of this first lesson!!!Let us write a sentence in Notepad.
Hi friends, welcome to HTML tutorials.
Create a new folder "My HTML". Save this Notepad file with the name "Lesson-01". We are going to save all our files in this folder. Make sure you give same names. Thus, we will be on same lines and later there will be no confusion in future. Go to windows explorer. Note that type of this file is text document. This file contains our HTML script, which we can open any time in Notepad and edit.
![]() |
Figure 1-1. Script for Lesson 1 |
Note: Click on the title of figure 1-1 for PDF file of source code.You will get PDF of all scripts in the course using this method.
Now for same Notepad file, click "Save As" and give its name as "Lesson-01.html". Make sure that you type this complete filename "Lesson-01.html" including ".html" in file name field. File type for this is HTML document. If Internet Explorer is the default browser in your computer, then file type displayed will be "HTML document". If Chrome is the default browser in your computer, then file type will be "Chrome HTML document".
Go to windows explorer and double click on this file. Output will be displayed in the default web browser.
Our first web page is displayed in web browser. Congratulations!!! You have developed your first web page.
2. HTML script can be written in simple Notepad and saved as a text file. We can open this file any time later in Notepad for editing.
3. Same file is also saved as ".html" file. Double click this file. The web page will be displayed in the default web browser.
We will meet in our next lesson.Bye for now.
Lesson-02
Go to windows explorer and double click on this file. Output will be displayed in the default web browser.
![]() |
Figure 1-2. Output of Lesson 1 |
Our first web page is displayed in web browser. Congratulations!!! You have developed your first web page.
IMPORTANT POINTS:
1. HTML stands for Hypertext Makeup Language.2. HTML script can be written in simple Notepad and saved as a text file. We can open this file any time later in Notepad for editing.
3. Same file is also saved as ".html" file. Double click this file. The web page will be displayed in the default web browser.
We will meet in our next lesson.Bye for now.
Lesson-02