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.
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>
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”.
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 :