HTML Tutorial

 

HTML stands for Hyper Text Markup Language, which is used to develop  the front-end of  a web page. Itis similar to SGML ( Standard Generalized Markup Language ).HTML defines the structure and layout of a Web document by using a variety of tags and attributes. The structure for an HTML document starts with <HTML><HEAD><BODY> and ends with </BODY></HTML>

All the information you’d like to include in your Web page fits in between the <BODY> and </BODY> tags. This Tutorial will teach you everything about HTML with appropriate examples and demo.

HTML was developed by Tim Berners-Lee in 1990. He is a British computer scientist who is credited with inventing the World Wide Web (WWW). Berners-Lee enabled a system to be able to view web pages (hypertext documents) through the internet.

He also serves as a director for the World Wide Web Consortium (W3C) which overseas standards for the internet and World Wide Web. Berners-Lee has also been concerned about issues relating to freedom of information and censorship on the internet.

Basic Requirements

 

Before proceeding with the tutorial you should have a basic knowledge of operating system like Windows, Macintosh or Linux and you should be familiar with:

  • Knowledge of any text editor like notepad, notepad++, or sublime etc.
  • How to create directories and files on your computer.
  • How to navigate through different directories.
  • How to type content in a file and save them on a computer.
  • Understanding about images in different formats like JPEG, PNG format.

 

Follow the steps below to create your first web page with Notepad.

 

 

Step 1: Open Notepad

Windows 8 or later:

Click the Start button (the window symbol at the bottom left on your screen). Type Notepad.

Windows 7 or earlier:

Open Start > Programs > Accessories > Notepad

Step 2: Write Basic HTML

Write or copy this HTML into your Notepad.

<!DOCTYPE html>
<html>
<body>
<h1>My First HTML Page at Allinonetuts</h1>
<p>My first paragraph.</p>
</body>
</html>

Basic HTML | Allinonetuts

Step 3: Save the HTML Page

Save the file on your computer. Select File > Save as in the Notepad menu.

Name the file “index.html”  or  any filename “filename.html”.

save file | Allinonetuts

You can use either ( .htm ) or ( .html ) as file extension. There is no difference.

Step 4: View the HTML Page in Your Browser

Open the saved HTML file in your favorite browser (double click on the file, or right-click – and choose “Open with”).

The result will looks like the below image :

Allinonetuts

 

Hello Viewers,
welcome to the Allinonetuts a Technical tutorial and Programming Blog Maintained by Vikas Kardam, a Web Developer and Blogger From Delhi, India.
Learn HTML was last modified: February 22nd, 2017 by Vikas Kardam

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *