 |
| HTML and CSS tutorial for beginners in English |
Hi friends, welcome to KTL's HTML and CSS tutorial. KTL is the name of our YouTube channel and websites. This stands for Keen to Learn. We are here because we are keen to learn something new.
Friends, our sites are educational. 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 happy learning.
Today we are going to begin first lesson on HTML.
In this lesson, we will see what is HTML and how it is used.
What is HTML?
HTML stands for Hypertext Markup Language.First word is hypertext. Meaning of "hyper" is excessive or above normal. For example, hypertension means above normal blood pressure or high BP. The text is hypertext. That means it does 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 web site are connected to each other and website itself becomes a single entity.
This is a markup language. That means we mark up simple text with certain tags which tell web browsers how 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 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. 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 same in output. This is very simple. Simply go on writing what you want to tell people 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, let us 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. By the end of this lesson, you will be able to successfully write your first HTML program.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 only. 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 |
Click on figure 1-1 for PDF file of source code. 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 default browser in your computer then file type displayed will be HTML document. If Chrome is 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 default web browser.
 |
| Figure 1-2. Output of Lesson 1 |
Our first web page is displayed in web browser. Congratulations!!! you have completed 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. Later we can open this file in Notepad for editing.
3. Same file is also saved as ".html" file. Double click this file. Web page will be displayed in default web browser.
We will meet in our next lesson.
Lesson-02
