SITE SEARCH

HTML-code. HTML Color Codes

Surely you are faced with such a concept asHTML-code. Heard from friends, seen in the menu of your browser, etc. But what is it? Let's try to find out what kind of code it is and what elements it consists of.

html code

Basic information

Let's start with the definition. HTML-code is the markup of any web page that is executed using HTML.

This code consists of tags, thanks to whichThe browser determines how a particular page looks. Its structure is divided into two parts: head - the title of the document, in which the name of the page is prescribed, as well as information about the document itself, and body - the body of the document, in which the page parameters are set.

In order to create a more or less decent web page, written from scratch, you should learn the tags used by this language, their parameters, and also know the HTML color codes.

Tags

color codes html

The tag is an element of the HTML language. With it, you can specify the font, color, size of the text, insert tables and pictures into it, format, create headers, links, and also color the page.

The tags are always enclosed in angle brackets - <>, and this is what distinguishes them from the main text, which is displayed on the page when viewed. There are two types - paired and single.

Paired ones consist of an opening tag and a closing tag, while in the latter there is a straight slend after the left corner bracket. For example: <b> text </ b>.

Between the two tags is a text, table, picture or other element, which is displayed on the web page.

The solitary ones consist of one tag and do not contain a direct slash. For example: <hr>.

Tags can have parameters that can be specified using special codes for HTML.

Also note that for most characters: pawls, brackets, trademark, signs greater than or equal to, less than or equal to many others - there is a special table in which the codes for these signs are prescribed. This code starts with an ampersand, after which either an alphabetic mnemonic designation or a lattice sign with a three-digit symbol code can go. In the end, you must put a semicolon.

Basic Tags

What is the HTML-code, we figured out, now we try to list the main tags that can be useful if not when creating your own web pages, then at least when writing texts.

Paired:

  • <body> - contains the main document parameters, such as background, link color, fields and others;
  • <p> - indicates a paragraph;
  • <b> - highlights the text in bold;
  • <i> - italics;
  • <u> - highlights the text;
  • <s> - cross out the text;
  • <sup> - sets the text as the superscript;
  • <sub> - the subscript;
  • <font> - sets the font's font size, font, color;
  • <div> - with it, you can align your text;
  • <h> - header tag;
  • <a> - it is used to set references;
  • <table> - it helps to insert tables into the document, with the tags <tr> (string) and <td> (cell).

codes in html

Single:

  • <br> - single, carries the text following it to a new page;
  • <hr> - with its help you can insert a horizontal line in the text.

It is worth noting that tags are usually written from a new line. This is done for the convenience of not only the coder himself, but also those who will view the codes in HTML.

Tag Parameters

We have already reviewed with you the main tags that you need to know. Of course, we have listed not all, but even this minimum can be enough to create their first web pages.

But it is not enough to know some tags, you still need to studyparameters that can be specified. In this article we will make only a brief overview of them, we will describe the most frequently used ones. You can see them by opening any HTML-code.

Let's not also describe for which tag this parameter is suitable, since many of them are used in most web markup commands:

  • face - specifies the type of font;
  • size - specifies the size;
  • color specifies the color;
  • align - alignment;
  • name - name;
  • href - this parameter specifies the address of the link;
  • alt - alternative text;
  • width - width;
  • height - height;
  • background - background image;
  • bgcolor - background.

This is not all the parameters, we listed only the most used and known.

After the parameter is put an equal sign, and thenin quotation marks its meaning is prescribed. We advise you when developing websites and pages to use special textbooks or manuals, in order to not only know the basic parameters, but also to set them correctly.

Table of colors

codes for html

So, with the main tags and their parameters, we figured out, now let's look at the HTML color codes. It is with their help that you can specify the color of the text, the page, or some of its individual elements.

Beginner webmasters should know what is thereSpecial tables of colors in which codes of each shade are given. There are only 16 basic colors that can be set not only with the help of a table, but also simply by indicating their name in English. Also, you can add light and dark words to them by specifying the desired shade.

Also there is a table of safe colors, which includes 216 all kinds of outflows.

Note that using tables muchconvenient. They are given a hexadecimal color code. In this case, you can immediately see this shade. Each code begins with a grid sign, followed by three pairs of signs that characterize the intensity of the primary colors: red, green, and blue.

This code is enough to copy and substitute in the parameters of the desired tag.

How to view the page code

codes on html

If you are interested in creating web pages, then you will probably be interested to see the HTML code of the site that you like, or the one that you visit quite often.

But how to do that? There are two ways, quite simple and understandable. The first is to open the page you need and press Ctrl + U. In the new window will appear the source code of the page, which you can see and study.

The second way is to press the left mouse button andselect the "Source code" item in the drop-down list. But still, we recommend that you use the first method, since the use of hot keys is much easier and more convenient.

Note that when reading the code, you will also be able toview comments to it, written in the "Comment" tag, which looks like this: <! >. In this case, the comment itself is written after the exclamation mark. It is not displayed in the browser. And it is written, basically, so that other programmers and web designers can understand what is behind the block of information below, why this or that piece of code was specified.

conclusions

html site code

Writing codes in HTML is not as difficult as it can beseem at first sight. Especially if you are unpretentious and want to create unpretentious websites, electronic textbooks based on HTML, etc. Studying the basic tags and the principle of markup will not take much time. You will have enough even a couple of days to start creating your own projects.

Note that if you decide to study this languagemarkings, then be careful. Most problems arise precisely because of inattention: unclosed paired tags, incorrectly written parameters, typos - all this threatens to turn into a mistake that you can search for long enough. But in general, to study HTML-markup of pages is quite interesting.

</ p>
  • Rating: