- 4 years ago
- Shahzad Gujjar
- 1,903 Views
-
2
In this tutorial, you will learn how to write a good HTML. HTML stands for a hypertext markup language. It’s a basic building block of WWW (world wide web), Hypertext is text on a computer or other electronic device that contains references to other text that the user may access instantly with a mouse click or keypress.
Hypertext may include tables, lists, types, photographs, and other presentational elements in addition to text. It’s a simple and adaptable format for sharing data over the Internet.
Tim Berners-Lee developed the HTML markup language in 1990. He is often referred to as the “Father of the Internet.” The World Wide Web Consortium (W3C) took over the responsibility of maintaining HTML specifications in 1996. In the year 2000, HTML was designated as an international standard (ISO). HTML5 is the most recent HTML version. HTML5 allows for a more effective and secure web development process.
Note: Our HTML tutorial will guide you through the fundamentals of the latest HTML5 language, from the most basic to the most advanced topics
What HTML Can Do for You
HTML can be used for a lot more than that.
Text, images, lists, tables, and other forms of documents may all be released online.
Hyperlinks enable you to access web resources such as photos, videos, and other HTML documents.
You may use forms to gather information from users such as their name, e-mail address, and comments. other HTML documents can all be included directly inside an HTML document.
You can make an offline version of your website that works even if you don’t have access to the internet.
You can save information in the user’s web browser and retrieve it later.
You will decide the visitor’s current location on your website.
An HTML file is simply a text file with the extensions.html or.htm.
You can learn how to build an HTML document or a web page in this tutorial. A basic text editor and a web browser are everything you need to start coding HTML.
So, let’s get started building your first HTML page.
Let’s go over the steps one by one. You will have created an HTML file that shows the message “HI world” in your web browser at the end of this tutorial.
Build a new file in your plain text editor on your computer.
Begin by typing the following code into an empty window:
<!DOCTYPE html>
<html lang="en">
<head>
<title>A simple HTML document</title>
</head>
<body>
<p>HI World!<p>
</body>
</html>
Save the file as “mypage.html” on your desktop.
Double-click on your file after you’ve navigated to it. It will launch in your current browser. If it still doesn’t work, open your window and move the file there.
Definition of the code
You may be wondering what that code was about. So, let’s see what happens.
The document form declaration appears on the first line <!DOCTYPE html>. It tells the web browser that the document is HTML5-based.
The <head> element serves as a container for tags that provide details about the text, such as title and author.
The actual content of the document (paragraphs, links, images, tables, etc.) is made in the web browser and displayed to the user in the <body> section.
You will read more about the various HTML elements in the next chapters. For now, concentrate on the basic structure of the HTML text.
Tags and Elements of HTML.
HTML is written in the form of HTML elements made up of markup tags. These markup tags are a main feature of HTML. Each markup tag is composed of a keyword, surrounded by angle brackets, e.g.<html>, <head>, <body>, <title>, <p>, and so on.
Normally, HTML tags come in pairs like and like. The first tag in a pair is sometimes called the opening tag (or starting tag) and the second tag is called the closing tag (or end tag).
The opening tag and the closing tag are the same, except for the slash (/) after the opening angle bracket of the closing tag, to inform the browser that the command has been completed.
You may place acceptable content between start and end tags. For example, a paragraph that is represented by a p element will be written as:
<p>This is a paragraph.</p>
<!-- Paragraph with nested element -->
<p>
This is <b>another</b> paragraph.
</p>
In the next chapter, you can read about the different HTML elements.
- 4 years ago
- Shahzad Gujjar
- 1,903 Views
-
2
