The start and end tags are distinguished by a symbol. What are HTML tags and attributes, W3C validator

The content of an html document or web page is determined by the content of html elements.

HTML elements

An HTML element is anything between the start (opening) and end (closing) tags.

HTML element syntax

• HTML element starts with open / start tag.
• HTML element ends end / end tag.
• Element content Is everything between the opening and closing tags.
• Some items may be empty.
• Empty elements only consist of opening tag.
• Most html elements can have attributes.

(You will learn more about attributes in later chapters of the tutorial.)

Nested elements

Most html elements can be nested within each other. HTML document consists of nested elements.

Example

This is my first paragraph.

This example has three elements:

1. Element

used to insert a paragraph into a web page. Has opening and closing tags. The content of this element in our example is the inscription "This is my first paragraph".

2. Element describes visible part web page content. Has opening and closing tags. An element is nested within it

With your content.

3. Element describes all html document. Has opening and closing tags. There are already two elements nested in it. and

Don't forget the closing tag

Most browsers will render your html code correctly, even if you forget to put the end tag. However, this can lead to errors and unpredictable results.

Attention! Future versions of HTML will not allow you to forget closing tags.

Empty HTML elements

HTML elements without content are called empty elements. Empty elements consist of one tag.

Is an empty element that does not have an end tag (it is used to display the horizontal bar).

In XHTML, XML, and future versions of HTML, all elements must be closed. To do this, you just need to add a backslash separated by a space after the tag name -
... This is a good habit that will come in handy in the future.

Hello dear blog readers! We continue the heading "Creating a website from scratch", and in particular the topic of tags ... And today we will consider the tags that are present in any Internet page - , and ... There is one more tag that should be in every HTML document and about which I already wrote in one of the previous articles, so we will not touch on it.

In previous articles in the rubric, I wrote about creating empty file in html format. In fact, it was used in the Pro article (this is where the title tags were applied). Now we will directly edit this file with full descriptions.

And let's start the article by editing the created file. Personally, I named it index.html, but the name can be anything. We open it with any text editor (it is better to use Notepad ++, as it has code highlighting and other useful gadgets). And immediately add tags to it , and exactly in the order in which they are written. Don't forget to close them as shown in the screenshot. The document will look like this:

Now let's look at the meaning of each tag separately. It's not for nothing that they are in everyone HTML document.

Tag functions

So the tag is an container(). It contains all the visible and invisible content of the web page (including the tags and ). Opening tag comes immediately after the Doctype declaration, and the closing stands at the end of the document. Thus, it makes it clear to the browser where to start processing the document and where to end it.

In theory, he himself can understand what and how. After all ? This is an HTML translator and it is unlikely that he will start processing from the middle of the document and finish it before reaching the end. The question, of course, is controversial, but I have always thought (and now I do not give up my opinion) that this tag must be written.

Even though the function of this tag is only in denoting content boundaries, it has its own attributes (which are now either not used at all, or used extremely rarely). V different sources attributes are different from each other, so I dare not put forward the correct version.

The only thing I can say for sure is that most of the attributes are not supported by HTML 4.01 or are undesirable. Although I will give you one example. - tooltip anywhere in the document. For example, when you hover your mouse over an image, you might see a pop-up text. Also in the case of this tag:

And here is what you will see by hovering the cursor over the document with the given content:

It is preferable to use title attribute not in tag , but in any other specific sections of the page. Firstly, it is convenient, and secondly, search engines will react better to your site. This tag does not directly affect resource optimization. Let's go further.

Tag function

And next in line is tag ... It contains all Technical information about the page that serves to help the browser and search engines. The tag is containerized and follows immediately after , only unlike the latter, the closing tag is not at the end of the document, but before the opening tag .

What information can be seen in ? But none. Everything within this tag is accessible to the human eye only by viewing the source code of the page. All contents of this tag are for search engines and browsers... The only thing that you can somehow see is the tag.