Basics of html for beginners in a clear language. HTML Basics for Beginners HTML Programming for Beginners

HTML stands for H yper T ext M arkup L angle, i.e. Hypertext Markup Language is the basic building block of web pages and is used to create and visualize web pages.

The HTML language adds markup to plain text. Hypertext contains various links through which web pages are linked to each other. With HTML, anyone can create both static and dynamic websites. HTML is a language that describes the structure and semantics of the content of a web document. Web page content is marked up with tags that represent HTML elements. Examples of such elements are , ,

and so on. These elements form the building blocks for any website.

HTML was invented in 1991 by a scientist, Tim Berners-Lee, and was originally intended for the exchange of documents between scientists from different universities. With his invention, Tim Burns-Lee laid the foundation for the modern Internet.

There are several versions of HTML. The language standard is continuously updated and supplemented, the consequence of this is that a new version of HTML is released almost every year. Version "HTML 2.0" was the first standard HTML specification, which was published in 1995. HTML 4.01 is the major version of HTML that was published in late 1999 and is widely used today. Today, the most popular version is HTML-5, which is an extension of HTML 4.01 and was published in 2012.

An HTML document or web page is a simple text document containing tags (which are plain text enclosed in angle brackets<имя тэга>). A web page can be typed both in a regular text editor (Notepad, WordPad, Word, etc.) and in a specialized one with code highlighting (Notepad++, Sublime Text, etc.). HTML documents are stored as .htm or .html files.

Online examples in every lesson

During the course of the presentation, each lesson will provide examples that will help you understand each code in detail and, through practice, enjoy learning. With our online HTML editor, you can edit an HTML document and then click the editor's orange "Run" button above the left editor window to see the result. If you use a specialized HTML editor, then you can copy the example and view the results of your work in the browser installed on your computer.

HTML example:

Try it yourself


Page Title

This is the title


This is a paragraph.



Online HTML Examples

The HTML Tutorial has over 100 online examples for you to easily master the markup language. Better to see once than hear a hundred times! Theory plus practice is the key to your success in mastering HTML.

HTML Basics contain the basic rules of the HTML language, a description of the structure of an HTML page, relationships in the structure of an HTML document between HTML elements.

An HTML document is a plain text document, it can be created in the same way as in a regular text editor. (Notebook), and in a specialized one, with code highlighting (Notepad++, Visual Studio Code, etc.). An HTML document has the .html extension.

An HTML document consists of a tree of HTML elements and text. Each element is identified in the source document by a start (opening) and an end (closing) tag (with rare exceptions).

Start tag shows where the element starts, end - where it ends. Closing tag formed by adding a slash / before the tag name:<имя тега> … . Between the start and end tags is the content of the tag - content.

Single tags cannot store content directly, it is written as an attribute value, for example, a tag will create a button with text Button inside.

Tags can be nested within each other, for example,

Text

. When investing, you must follow the order of their closing (principle of "matryoshka"), for example, the following entry would be incorrect:

Text

.

HTML elements can have attributes (global, applied to all HTML elements, and their own). Attributes are written in the opening tag of an element and contain a name and value specified in the format attribute name="value" . Attributes allow you to change the properties and behavior of the element for which they are set.

Each element can have multiple class values ​​and only one id value. Multiple class values ​​are written with a space,