Introduction To HTML Language

1. About HTML Language

Acronym for "HyperText Markup Language", HTML is a really simple language, composed of elements that can be applied to fragments of text in a document to give them a different meaning (is it a paragraph? is it a bulleted list? is it part of a table?), to structure a document into logical sections (does it have a header? is it in three columns? does it have a navigation menu?) and to embed content as images or videos in a page. This module is an introduction to the fundamental notions and syntax of the HTML language.

2. Prerequisites

To learn the HTML language we will not need any notion. You just need to be familiar with the use of a computer operating system and ordinary operations such as word processing, manipulation of files and folders within the machine.

3. HTML tags

HTML tags are used to define content structures on the web page. Using tags, we mark the content and make the browser understand how to display some part of the content (for example, paragraph, image, hyperlink, etc.). Tags are not displayed in the browser. HTML tags are enclosed in angle brackets < >, for example <u> to underline a text, <b> to bold text etc. Most HTML tags are paired (e.g., <u> </u>), i.e., they consist of two parts – the opening tag (<u>) and the closing tag (</u>) . Single tags do not have a closing tag. For example, the <img> tag is alone, which is used to insert an images. To fully appreciate the above, we can treat an example: If we need to underline a text, we use the HTML tag <u> and we will write the text between the opening (<u>) and closing (</u>) tags.

Her is an <u> underlined text.</u>

The browser will interpret the above code and display: Her is an  underlined text

4. The tools needed to develop in HTML

Developing in HTML does not require enough tools, just a web browser which already comes with an operating system and an HTML editor or simply a text editor:

1. A web browser compatible with HTML5: currently almost all web browsers are compatible with HTML5 such as: Google Chrome, Mozilla, Opera, Microsoft Edge...
2. An HTML IDE: to develop web pages in HTML, there are many IDEs:
   • Visual StudioCode
   • Atom
   • Sublime Text
   • Notepad++
   • ....................