Yummysheep Tutorial

Back to the catalog

Last Update : 2023/3/25

Chatper 1 - Introduction


Introduction

HTML is a HyperText Markup Language, which is the basic building block of all the webs.

Hypertext is text that display on electronic devices with references to other text that the user can immediately access, usually by a mouse click or key press. Hypertext also contains tables, lists, forms, images, video, etc. It is an easy-to-use format to share information over the Internet.

HTML was originally developed by Tim Berners-Lee in 1990, who is also known as the father of the web. In 1996, the World Wide Web Consortium (W3C) became the authority to maintain the HTML specifications. HTML also became an international standard in 2000. HTML5 is the latest version of HTML now.


What you will learn in this Tutorial

This HTML tutorial series covers all the fundamentals of HTML5! Every chapter in this tutorial contains lots of real-world examples that you can try and test using an online editor. These examples will help you to better understand the concept or topic. It also contains smart workarounds as well as useful tips and important notes.

Start Now!

Step 1: Creating the HTML file


Open up your computer's plain text editor and create a new file. Named is as HelloWorld. Rename the filename extension to be html
You file should look like as HelloWorld.html

Tip: Right click your file, choose "Property". Rename the file HelloWorld.txt to HelloWorld.html


Step 2: Type some HTML code


Type the following code:


Step 3: Save the file


Save the file and open the file in a browser. Navigate to your file then double-click on it. It will open in your default Web browser. If it does not, open your browser and drag the file to the browser.

Explanation of the code

  • <!DOCTYPE html> is the document type declaration. It tells the web browser that this document is an HTML5 document.

  • <head> is a tag that define information about the document.

  • <body> is an element which contains the document's actual content and rendered in the web browser and displayed to the visitors.

    • Note: The <html>, <head>, and <body> tags make up the basic part of every web page. Content inside the <head> and </head> are invisible to users ; the text between <title> and </title> tags which appears as the title on a browser.