HTML tags: layout, programming, design

The main tool for creating web pages of any complexity is the Hypertext Markup Language or Hypertext Markup Language (HTML). All language constructs are called "HTML tags", which determine the display of text on the page and the layout of the entire html page.

Why are HTML tags needed? The fact is that any document available on the user's computer is created in a specific program, and for its opening in the vast majority of cases, it is the program in which it was created, or a similar one.

With the advent of the Internet, the question arose of the correct transfer of documents between users' computers, each of which can have its own unique set of installed programs on its computer. Moreover, the platforms themselves may vary - not all computers connected to the Network are running Windows. Thus, a document received over the Web may well be inaccessible to a specific user.

In order for any document to be correctly recognized on any computer, regardless of the platform and package of installed programs, an HTML hypertext markup language was developed. Special constructions called HTML tags are embedded in the body of the document, and the entire document is saved in plain text format, which is available for all computers.

HTML is not a programming language in the usual sense. HTML tags only show a special browser program how to display text on a page. The browser interprets the markup language constructs and produces the requested page.

Hypertext Markup Language contains a variety of tags that belong to different groups. One of the largest groups are HTML text formatting tags . They contain all the information about how the text itself should look: its alignment, size, spelling and font style, indents, lists, and also contains many other properties. Text formatting is indicated by tag attributes and entered inside tags. It should be borne in mind, however, that modern technologies for creating web pages make all text formatting and display the whole page in a separate cascading style sheet file, while attributes that can contain HTML text formatting tags are rarely used now.

The reasons for this phenomenon are that the use of cascading style sheets (SCC) in web design in creating sites is very convenient. It’s enough to just put the whole design into the CSS file and connect all the pages of the site (or some) to it. Such pages will always look the same. If you need to make changes to the design of certain page elements (second-level heading, for example), it is enough to change only one entry in the CSS file. All second level headings (h2) on all pages connected to CSS will change. In particular, to make the headings green, it is enough to write only one line in the CSS file:

h2 {font-color: green}

And this is how the paragraph will be defined, aligned to the right, on a red background, with blue text:

p {background-color: red; color: blue; text-alignment: right}

The entire HTML tag cloud contains many designs, but studying them, as well as studying the features of their use, seems absolutely necessary for the web designer, and especially for the layout designer, who without them will not be able to make up the page.

In addition, you always need to keep in mind that recently there has been a clear division into "areas", which did not exist before, as there was no separate existence of layout, design and program part of web pages.

When creating serious sites, technologies are used that are slightly different from traditional programs that are part of the package of office documents. Even html tags are used to create a simple web page.

Source: https://habr.com/ru/post/C46305/


All Articles