What does HTML mean? What are the types of tags or HTML elements? What are the basic components of HTML elements? And a step-by-step explanation in Arabic for learning HTML, how to create a web page using HTML code
What is HTML markup language?

Letters are the abbreviation for HyperText Markup Language, and it is not a programming language in the conventional sense of programming languages, but rather a language or a method for describing the contents of a web page to browsers, as any Internet browser program needs to know the contents of the page from addresses, texts, images, links and other components of the web page In order to be able to display it properly, HTML markup language is the main language of any website or page on the Internet.

A web page consists of a set of elements (Tags), or known as tags. Each tag is written between (angle brackets), or as it is called, a sign less than <and a tag greater than <. The browser does not display these tags, but displays their contents, and there are two types of tags.
What are the types of tags?

The first type: it is a tag whose content is displayed directly on the web page, for example and .

The second type: It is a tag describing the text inside it, for example

text inside the tag , and this tag inside it may contain another tag as a sub-element for this tag, for example You will notice in this type that each tag consists of two parts (the start tag) and (the end tag), between them the content that is displayed in the browser.

The following figure shows a detailed explanation of the components of a web page (an example of a hyperlink)
Link Or (a) Tag components

You will notice from this example that each element (of the second type) of the HTML element consists of the start tag and the end tag, and the end tag name must be the same as the start tag name but preceded by the (/) or known as forward slash tag, and between them are the contents The element that appears in the Internet browser, and you will also notice that we used the attribute of the tag, and each description contains two parts a name and a value between them and a sign (=) and from the previous example, the description name is href and the value is a website address, and all of the above commands (excluding the content The tag) does not appear in the internet browser, but it is a command to the internet browser to create a hyperlink (link) with the value in the tag content, and when you click on it, the browser converts the page to the website address in the description value (between the quotation marks), and the website address can be replaced with a page name Other.

Important note, you cannot use Microsoft Word or WordPad to write HTML code, but you must use a program that supports writing texts in the normal way Plain Text or use a script editor program (a program dedicated to writing code) Text Editor and you can read the post as an editor for texts and codes The program (Text Editor) supports the Arabic language to choose a suitable program, but to simplify the matter we will use the notepad program in the Windows operating system.
How to create a web page

We start first by opening the notepad program, then through the File menu, we save the file by choosing the Save As command, and then a window will appear. The file and to write HTML code, the file extension must be either (.html or .htm), and in the window from the Save as type field we will choose All Files and in the (Encoding) field we will choose UTF-8 in order for the file to support writing the Arabic language and then press Save, The following figure shows the steps in detail.
Create an HTML file in Notepad

After creating the file and knowing the basic components of an HTML element, we will start by writing the basic codes to create a web page (or you can copy the contents of the following box into the file) and then I will explain each element in detail.

HTML

Page title

This is a header

This is the content of a simple HTML page. Click here to visit the Abu Fateh website

You will notice the use of the command. This command is used to determine the HTML version so that the Internet browser can translate the commands and display them correctly (the version used in the example is HTML5).

Then we used the tag and its function is to describe to the browser that the code used is in the HTML language. As for the description lang, its function is to describe to the browser that the contents of the web page will be in the Arabic language, because we chose the value ar, but if the content is in the language English Description can be en. And we put the opening tag at the beginning of the code and at the end of the code we wrote the end tag (Closing Tag), and then we will divide the page into two main parts, the first of which is the tag and the content of this tag does not appear in the browser, but it contains information about the page and about How to display the contents of the page by using the and elements, and the second section of the web page is using the <body> tag, and all that is written inside this tag is what is displayed and formatted by the browser. The following figure will explain more of the components of each part in this example.<br /> HTML Basic Example</p> <p>After displaying the results of the previous example, you will notice that the browser displayed the contents of the page on the right side, not on the left side, as is common in most web pages. This is due to the description of the tag <body dir = “rtl”>. We have defined the description dir and its function is to determine the direction of the page content It was called with this name for direction, and we assigned the value rtl</p>