• First column - Name— as in the case of tags — the name of the attribute. Everything is in English, but with basic knowledge you can guess what this or that attribute does.
• Second column - Related Elements is a list of all tags that use any attribute. All tags have links, so you can immediately go to information about the tag.
• Third column - Type are all possible values ​​for a particular attribute. For example, opposite the size attribute we selected in the Font tag is the CDATA value. We'll look at it later, but in short, it's a special set of size options (in this case). After all, you can write both pixels and percentages
• Fourth column - Default- indicates whether the attribute is required in a certain tag. For example, in the Img tag the src attribute is required, as it indicates the source from which to take the image.
• Columns 6, 7, and 8 mean the same as in the case of tags.

All of the above applies only to HTML version 4.01. We will talk about HTML 5 in another article, and we will also touch on XHTML. And now, as I promised, we will create a page in HTML, which we will experiment with.

Creating a file in html format - HTML document

First of all, let's figure out what it is HTML document. And this is, in fact, a file in HTML format. And all Internet pages are HTML documents. For example, when you arrive at a site in address bar at the end you can see “.html” or “.htm” after the address. This is the file we will create with this extension. In general, if you want to experiment with a website rather than a page, then it’s better to create local server— Denver (about which I want to write everything).

Considering that I didn’t even talk about the tags present on each page, we’ll simply create a file with any name and extension.html. It is possible (and best) to use Notepad++, because in this text editor Code highlighting is used, which is very convenient when editing code, and files can be saved in a variety of formats. There are also programs in which, when you type a code, the result immediately appears in processed form.

So we just need to open Notepad++ and save a file with arbitrary text (you can also empty it), but in .html format. To do this, as usual, click on the file inscription, then “save as” and look among the large list of extensions "HyperText Markup Language file(file extensions)". That's all, actually. We will add the first lines to this file in the next article from the section “Creating a website from scratch”

Hello, dear readers of the blog site. In fact, this term has several meanings that do not fit together in any particular way. I will try to talk about each of them in this publication.

You will learn, what are HTML tags and how they differ from meta tags, and also learn how tags are used as tags on sites (their variety is ), and finally, let’s take a general look at musical tags in audio files. That's how multifaceted this term becomes.

But in all cases the word "tags" means markup or web pages using HTML code, either the entire site using tags, or your music collection by specifying the album and song.

What are tags on a website (tags for creating navigation)

Let's start simple. You've probably all seen that under some articles on websites there is a field called tags or tags, where some words are listed. Why is this being done? In general, to facilitate navigation on this site ().

The so-called tags are used keywords, a set of which briefly characterizes the publication (for example, for home page The following set of tags would suit my blog: website creation; promotion; website promotion; earnings).

With the help of these words it will be possible to clearly determine what this article was about. But their main value is not this, but the fact that a visitor can click on any tag and see a list of all the articles on the site in which it appeared. Essentially this is powerful tool classification of information.

So as not to search necessary tags under articles, website owners very often create the so-called Tag Cloud, which can be placed in the left or right column of the site or in its footer (bottom). This disgrace in practice may look like this:

It usually lists the most popular tags, and you can view all the tags by clicking on the corresponding link. Sometimes, more frequently used tags (they appear in more articles on this site) are displayed in a larger font, and less frequently used ones in a smaller font.

Sometimes a separate page is created to display them, as shown in the previous screenshot.

Why is this markup method using tags not used on all websites, if it is user friendly? They are not on my blog either, for which there are a number of explanations. Although their use is provided by default, there are also a lot of plugins for working with tags.

Yes, tags work great when you have few articles and you remember well all the tags that you have already created and used in other articles. But with an increase in the number of materials, the number of tags increases sharply; they begin to be partially duplicated when keywords that are close in meaning are used.

It results in a huge mess, the value of which in terms of improving navigation, in my opinion, is rather doubtful. For this purpose, on a large web project, it is better to use site search. Although the tags work well in in social networks, where you can use tags to combine information from different users and view it in one place. .

What are HTML tags?

I first decided to study them fifteen years ago, but then Title tag I didn't make any progress then. Then I came across a free video course by Evgeniy Popov on Html and things went well. Of course, that course was only the initial stage, but it is precisely this simple presentation that beginners often lack.

These lessons cover basic tags, with which you can then easily create tables, insert pictures and hyperlinks into the text, add various forms to the site, and much more. Total 33 free videos on HTML topics.

But the video course is a video course, and I have to interest you so that you download it and watch it. From general phrases it is not clear what tags are in the HTML language and why you need to study them. Oh this is great and simple thing, which will allow you to become the master of your own website. Why do you need a website?

Well, probably, first of all, for self-expression and effort, and secondly - . Just be quiet, otherwise everyone will hear and run to study what tags are, make websites and earn everything that only you could earn, and I’m in the company. Therefore, I will continue to speak exclusively in a whisper.

The Internet can be compared to television, where you make your own small program (create a website using tags) and receive income from advertising. The more popular your show (Internet project) is, the more you will earn. There is no upper limit, although there is no lower limit either. But you don’t need to invest money, just your labor and time spent studying tags, how the engine works and, in fact, filling the site with content.

So, tags are the simplest markup elements of a web page so that the browser, when loading it from the server, understands exactly how to display a particular element (text, image, video). Earlier HTML language He was responsible for this whole matter alone, but then they came to help him and he felt much better. Popov also has a free video course on them, which you can download from here .

Guys, when you master Html tags, you will understand that it was as easy as shelling pears. The most important thing is to start and somehow stimulate yourself. I’m not just telling you about the financial side. The site can become your main source of income and the whole family can feed from it. You need luck, perseverance and not being afraid to try new things.

Tags are different, but there are not many of them (of those that remained relevant after the introduction of CSS). Look how simple it is. Let's say you want to create a paragraph - simply surround the text of the future paragraph with opening and closing P tags (this is latin letter and in the code it is better to write it small, but here I made it capital for clarity). This is what it will look like:

Text text...... text text

Do you understand the difference between the opening Html tag (at the beginning) and the closing tag (at the end)? Well, of course, I just added a forward slash after the triangle bracket.

Oh, I forgot to say By what criteria does the browser separate tags?(markup) from the main content. Did you guess it yourself?

That's right, that's triangle brackets, in which we enclose them. The browser saw such a bracket when parsing the code of a web page and realized that it was a tag, and processes everything contained in it according to a certain algorithm (makes paragraphs spaced apart in height, increases the font of headings, etc.).

If you need to use an opening triangular bracket in your text, be sure to do it with so that the browser understands you correctly. This must be remembered.

In code they can look, for example, like this:

In fact, they contain the description and keywords of the web page for which they are registered. Read more about them in the article just above.

Meta tags are written in the web page code in a strictly defined place. Do you know which one? That's right, in the so-called “head” of the document, which consists of an opening and closing HEAD tags.

Anything written inside them (including META tags) will not be displayed on the web page. This is strictly proprietary information. The above description and keywords tell search engines about the content of this web page, and the meta tag given just below.

What are music tags in audio files?

When you played music in the car or on your player (phone), you probably noticed more than once that some creepy gibberish was displayed instead of the title of the track and the name of the author-performer. One might assume that the names of the downloaded music files are written in the wrong Russian language encoding.

If you rename files using , you will still see an unpleasant picture on your player. What to do? And who is to blame for this situation? Oddly enough, but the reasons are wrong prescribed tags in this music file.

They are sewn directly into the audio file (at its beginning or end) and can contain information about the composition, its author, album, track duration and something else not so important. In the latest incarnations of music tags, even images of CD covers can be sewn into them (generally a plague).

But the problem arises, as a rule, not in their availability, but in obtaining ability to edit them. There comes a time in the life of every self-respecting music lover when he is “ready to tear and throw,” just to put things in order in his collection and add correct tags to all tracks that are readable on any device. How to do it?

By using special software. The tags themselves appeared in audio files for the first time at the end of the last century. For MP3 files, the standard for adding them was called ID3, and for music files that are compressed without loss of quality (such as FLAC and the like), the standard for adding tags (meta data) was called Vorbis comment.

For music recorded in the Windows WMA format there is WM metadata, and for Apple MP4 there is iTunes metadata (by the way, I recently wrote about that).

So, you can edit tags using special programs. The most popular of them is probably Mp3tag(official site, but be careful when downloading - don’t accidentally click on an ad that offers to download something completely different). I think that you will find all the other programs yourself, especially since this one will be quite sufficient to complete this task.

This is how diverse the tags turned out to be, which in all these cases performed their main role - markup (of articles on a website, content on a web page, or meta-data in music files). I hope that now you have fewer questions on this topic.

Good luck to you! See you soon on the pages of the blog site

You might be interested

Tags for Instagram - why they are needed and where to see the most popular ones
Hashtags - what are they and how hashtags are used on Twitter, Instagram and other places How to automatically add the Alt attribute to Img tags your WordPress blog (where they don’t exist)
Radikal - free photo hosting with fast and easy photo uploading via Radikal.ru
Link - what is it and how to create it What is cache - how to clear the cache in Opera, Mozilla, Chrome and other browsers
The Big Question - how to make money from a question and answer service Comparison is a technique that decorates an image (examples from literature) What is Smart TV on TV