How to make tags on the site
Actually, HTML is not a programming language. This is the hypertext markup language (HyperText Markup Language), ie call it “HTML language” is not true. To put it simply, HTML is a set of tags (control words) that allow you to present plain text in a formatted form. For example, to make it bold, or italic etc. But to make it so text only with special programs — browsers (the program through which you roam the Internet). They only display formatted text and hide the HTML tags that are used for formatting.
Required tags in an HTML page
Here all tags are paired (there is the opening tag and closing), almost all HTML tags are. The opening tag differs from the closing tag in that the closing tag is preceded by a slash /. These tags are also called container tags because you can insert other tags between them, that is, put them in a container. You can type tag names both in capital letters and capital letters, there is no difference. Now for more details about what these mandatory tags mean.
Required tags <HTML> and </HTML> show browsers, and other programs for viewing hypertext pages that they are dealing with a hypertext document. Any html document must start with <HTML> and end with </HTML>, i.e. all html code is between these tags.
Between the <HEAD> and </HEAD> tags is the title of the document. It stores information about the html page. In General, these tags are not required, i.e. without them the html-document will normally be displayed by browsers, but even if you do not plan to use the header area, then write at least just <HEAD> </HEAD>. This is necessary for compatibility between different versions of programs. All characters between these tags are not displayed by the browser (except for the information between the <TITLE> </TITLE> tags, where the name of the html document displayed in the top panel of the browser is located), but can have a great impact on the appearance of the html page, its life on the Internet and ranking by search engines.
The main content of an html document is placed between the tags <BODY> and </BODY>. Here is everything we see when we open an html page: text, graphics, menus, buttons, etc. Is the main “body” of the page.
All other tags that are used to create an html document are between (that is, within) these required tags. Almost all html tags have different attributes or parameters that allow you to display information exactly as the author intended. For example, if you write:
then the background of the whole page will be red. Here, the <BODY> tag is the tag itself, bgcolor is its attribute, and#FF0000 is the attribute value. A tag can have multiple attributes.
All tag attributes and their values are specified in the opening tag (the one without a slash / before the name: <BODY>), but in any case not in the closing tag.
So, we have dealt with the mandatory tags of the html-document. Now it is time to study the rest.
Special tags are used to embed in web pages, graphical images, audio and video clips, and other so-called embedded objects. But, despite the seeming complexity, Web pages are nothing complicated.
These are plain text files created in a standard Notepad or similar plain text editor. And they contain text, the same text that you want to put on the pages, only marked in a special way.
This is a simple web page, made for example in Notepad. To see this page first hand, open Notepad, type the following code and save it in a file named index.html. After that, open the resulting file in a Web browser, simply double-click on it.
<ТIТLЕ>my first page</ТIТLЕ>
<H1>Example of my first page< / H1>
<P>this is the simplest Web page created in the standard
<1>Notepad< / 1> and displayed in
< I>Microsoft Internet Explorer< / I>.</P>
This is the HTML tags. They set the text formatting. For example, the <1>line of Notepad</1> will be displayed in italics because the <I> and </i> tags specify the italics of the text.
Moreover, the tag <i> marks the beginning of the italic fragment (opening tag), and the tag < /I> — the end (closing tag). In fact, the fragment enclosed between the opening and closing tags is called the content of the tag.
These were tags of physical text formatting, that is, simply specifying how the text should look in the Web browser window. Now let’s look at logical formatting tags that allow you to split text into separate logical blocks.
In our small fragment, these are the <p> and <HI> tags (and the corresponding closing </P> and </HI>tags). They specify the usual text paragraph and the title of the first level, respectively. In doing so, the web browser will know that the <H1>sample Web page</H1> is a header and will display it accordingly. As in the previous case, the opening tag marks the beginning of the logical block of text, and the closing tag marks the end.
Here we talked about so-called paired tags, when the opening tag corresponds to the closing tag. HTML also defines a set of single tags. One of them is the tag to insert a graphic image <IMG>. <IMG SRC=”picture.gif ” > Here we see that the image itself is stored in a separate picture file.gif. That is, an image is one of the embedded elements of a Web page. The <IMG> tag contains a SRC parameter that specifies the name of the image file. These options are called attributes of the tag. The Web browser, when it encounters the <IMG> tag in the HTML of the page, loads the file specified by the SRC attribute and displays it.
To ensure that different Web-browsers correctly display the same Web page, the HTML language needs to be standardized. Along with HTML tags standardized by WWWC (standard tags), web browsers support many non-standard tags. These tags were introduced by the developers of a web browser program to gain an advantage over competitors. They hoped that these proprietary extensions would later become part of the HTML standard, but those hopes were never to come true. However, the tags remained, and they are still supported. These tags, along with the standard, but we warn you that they are not supported by all programs.