Welcome to our Web Programming Tutorial series to help the newbies to learn about the basics of Web Programming. So if you want to make your own website or want to become a Web Programmer, this is the right place that will guide you to start your journey. HTML is the first language that we are going to learn.
Are you ready? If yes then let’s start…
HTML stands for Hyper Text Markup Language and refers to a system for communicating to a Web browser how the contents of a page will be displayed.
Introduction to HTML
HTML is not actually a programming language. It is a markup language which uses markup tags to describe web pages.
A HTML document has a .html/.htm extension which tells the browser that it is a HTML document.
Things We Need
First we need some instruments to make ourselves ready to start learning HTML.
Here are the tools I prefer:
- A Text-Editor (Notepad/Notepad++)
- Web Browser (Internet Explorer, Mozilla, Google Chrome, Opera)
I prefer to use Notepad++ for its user-friendly interface and it’ll help you to identify the tags more easily as it has a beautiful syntax highlighting system. Download the latest version of Notepad++ from here and install it to start. You can also use the default Windows Notepad to start with.
HTML Tags and Elements
An element in HTML is a term that is used to describe individual parts of a website and HTML tags are keywords surrounded by angle brackets like <html>.
HTML tags normally comes with a pair. The first one is the start tag which is also called the opening tag and the last one is the end tag which is also known as the closing tag.
Here’s a simple example to describe the thing easily:
A HTML document starts with <html> tag and ends with </html> tag.
Then we need to define the HTML body element.
The body element has a start tag <body> and an end tag </body>. Everything between these two tags will be the main part of a HTML document.
HTML headings are defined with the <h1> to <h6> tags.
Here we have defined a HTML heading which starts with <h1> start tag and ends with </h1> end tag.
The second line is a paragraph element which is defined by <p> tags. A paragraph element has a <p> start tag and a </p> end tag.
In this tutorial we have learned:
- What is HTML?
- HTML Basics
- HTML Elements
- HTML Tags
Now you should try yourself to understand these codes and practice it .
Start Notepad/Notepad++ on your PC and paste the above code in it.
Then save the file as index.html and open the page/document on your browser.
If you have any questions regarding this tutorial feel free to ask me on the comment area.
In our next tutorial we will learn about more HTML elements and tags.