Личный кабинет        24.04.2019   

Что такое теги? Использование их в SEO. Теги — что это такое и какие они бывают

И сегодня мы с вами рассмотрим поподробнее, что такое html теги и их атрибуты на примере p, br, hr ; а также, какую роль играют значения атрибутов тегов, содержащихся в в html документе.

Прежде, чем начать, хочу принести свои извинения по поводу моего длительного отсутствия. Дело в том, что ввиду занятости в одном проекте я вынужден был отказаться на время от обновления блога и несколько выбился из графика. Но теперь все позади и я надеюсь в дальнейшем поддерживать прежний ритм и регулярно предоставлять свежие материалы.

Теперь возвращаюсь к намеченной теме. В рамках знакомства с основами html я уже писал о структуре html документов, где также давал разъяснения по поводу основных тегов html, head и body, которые в обязательном порядке должны присутствовать в каждом документе, а также особого тега , называемого декларацией.

В этом же разделе дана информация, касающаяся , позволяющих использовать возможность построения списков. Кроме того, вы могли познакомиться с для форм на сайте и отдельно с тегами, позволяющими сконструировать самые различные формы: .

Получив от вас, дорогие читатели, множество пожеланий посредством формы обратной связи и через e-mail, я решил все-таки вернуться к началу и более подробно остановиться на том, какие теги вообще существуют, как они классифицируются и что такое атрибуты тегов html. Итак, начнем.

Парные и одиночные, блочные и строчные HTML теги: p, br, hr

Как вы, наверное, уже поняли из предыдущих публикаций на блоге, тег является основной структурной единицей языка гипертекстовой разметки HTML (Hyper Text Markup Language). По большому счету именно совокупность тегов определяет html код, который описывает тот или иной документ (например, одну из страниц вашего ресурса).

Теги классифицируются на парные и одиночные, а также на блочные и строчные. Вот сейчас по порядку и рассмотрим сущность их отличия на примере самых популярных и часто используемых тегов. Кстати, во многих источниках можно встретить название блочных и строчных элементов, знайте, что это одно и то же.

Для начала дам краткие определения. Парные html теги - элементы, имеющие открывающий и закрывающий теги, между которыми заключено содержание, одиночные закрывающего тега не имеют. Блочными называются элементы, которые занимают всю доступную ширину, его высота определяется содержимым. Поэтому по умолчанию несколько блочных элементов будут располагаться друг под другом.


Блочные элементы могут быть вложены один в другой, но не все, об этом позже. Строчные теги обычно содержат текст или другие строчные элементы, однако помещать внутрь строчных блочные теги не разрешается. Строчные теги, в отличие от блочных, располагаются на одной строке и переносятся на другую только при необходимости, когда заканчивается доступное по ширине место.


Наверное, для начинающих пока сложновато и возникает путаница в голове, но лиха беда начало. В дальнейшем все прояснится, я в этом убежден. Тем более, что перехожу к конкретным примерам на основе распространенных тегов, отмечая каждый раз, к каким элементам, строчным или блочным, парным или одиночным, относится каждый из них.

Начнем с тега p, которым каждый вебмастер пользуется буквально ежеминутно, я не преувеличиваю. Название этого элемента происходит от начальной буквы английского слова paragraph (абзац, параграф). Он служит для выделения фрагментов текста, который таким образом гораздо легче воспринимается читателями. Вот сейчас, например, я пишу статью и выделяю текст поста время от времени на абзацы, можете в этом убедиться.

Разбивая текст на фрагменты и максимально облегчая восприятие материала посетителями ресурса вы можете значительно улучшить ресурса поисковиками, что немаловажно в деле его продвижения.

По своей сути, естественно, элемент p является парным, поскольку имеет открывающий и закрывающий теги. Одновременно это блочный элемент, который может содержать только строчные элементы. Допустим, если вы напишите какой-либо текст в несколько строк и заключите его между открывающим и закрывающим тегами p, то все-равно браузер отобразит его в одной строке и только если текст не уместится в одну строку, будет осуществлен перенос.

HTML теги Тег p - блочный элемент Содержание тега p

А вот чтобы отобразить этот текст в несколько строк, необходимо воспользоваться элементом br (от английского «break»), который является одиночным, то есть не имеет закрывающего тега, а также это строчный элемент. Помещая его в конце каждой из строк текста, являющегося содержимым тега p, получаем искомый вариант:

HTML теги
Тег p - блочный элемент
Содержание тега p

Написание тегов br практически свободно. То есть вы можете сразу выделить несколько строк и в конце каждой из них поставить данный тег, а можно просто написать текст обычным способом и в места предполагаемых переносов вставить br. Количество строчных элементов br, включенных в содержание блочного тега p может быть сколько угодно большим. То есть сколько угодно текста можно написать с новой строки.

Теперь посмотрим еще на один простой тег, о котором подробнее поговорим в конце статьи. Речь о теге hr (от английского «horizontal rule» - горизонтальная линия), который является одиночным, но одновременно блочным, поскольку по умолчанию занимает всю возможную ширину. Он описывает простую горизонтальную линию, которая бывает полезной при разделении контента страницы на логические части. Это может быть разделение текста, групп изображений либо каких-то других составных частей дизайна.

Вид этой горизонтальной линии зависит от браузера, в котором просматривается страница, html код которой содержит данный элемент. Кроме того, вид этой линии, как и внешний вид других элементов, можно редактировать с помощью разнообразных атрибутов. Вот мы плавно подошли к еще одной составляющей нашей сегодняшней темы, а именно к понятию атрибутов тегов html.

Атрибуты HTML тегов и их классификация

Атрибуты тегов html позволяют придать им дополнительные характеристики и разнообразить внешний вид отображаемых браузером элементов вебстраницы. Атрибутов у каждого тега может быть несколько. Каждый из них играет свою роль в формировании дизайна той или иной области страницы сайта. Атрибуты прописываются внутри открывающего тега после названия самого элемента. Если атрибутов несколько, порядок их следования не имеет значения, он может быть любым.

Почти у каждого атрибута есть свое значение (параметр). В общем виде любой одиночный или парный тег можно представить схематически в следующем виде:


Обратите внимание, что для указания значения того или иного атрибута после названий атрибутов следует поставить знак равенства, а само значение заключить в одинарные или двойные кавычки. Атрибуты могут присутствовать как в строчных, так и в блочных; как в одиночных, так и в парных тегах.

Естественно, в случае одиночного элемента закрывающий тег будет отсутствовать. Все атрибуты и их значения прописываются внутри открывающего тега и обязательно через пробел, иначе соответствующая область в браузере будет отображаться некорректно. Да, чуть не забыл, некоторые атрибуты могут быть без значений. Конечно, все теги в сочетании со всеми возможными атрибутами разобрать невозможно, да это и неважно, главное, понять механизм их применения. На официальной странице вы можете изучить все рекомендуемые html теги.

Правда, там данные, соответствующие официально действующим стандартам html 4.01. Однако быстрыми темпами происходит внедрение версии html 5, по правилам которой уже играют популярные браузеры. А в новой версии языка гипертекстовой разметки некоторые теги и атрибуты уже будут невалидными, то есть не соответствующие стандартам html. Поэтому будем идти в ногу со временем и я вам буду предлагать в будущем только валидные теги и атрибуты, также в дальнейшем научимся избегать несоответствия нормам кода html, материалы на эту тему появятся очень скоро.

Но заглянем все-таки на официальную страницу W3C, где представлена таблица рекомендуемых html тегов . Если нажать на ссылку с интересующим нас тегом (возьмем для наглядности уже упоминавшийся тег hr, тем более, что ниже рассмотрим с ним один пример), то нас перебросит на эту вебстраницу, где дана спецификация, касающаяся этого элемента:


Все атрибуты элементов можно распределить на три группы:

  1. Группа универсальных атрибутов - они применяются практически ко всем html тегам. На скриншоте выше они выделены в зеленую рамку
  2. Уникальные атрибуты - присущие только данному элементу набор атрибутов (для тега hr на рисунке они подчеркнуты фиолетовым: align, noshade, size, width). В спецификацию html 5 добавлен новый атрибут color, который определяет цвет горизонтальной линии.
  3. События - эти атрибуты нужны, когда требуется какое-либо действие в ответ на действие пользователя. На скриншоте они выделены в синюю рамку.

Информацию об атрибутах можно также получить на другой страничке W3C, где приведена таблица с полным списком html атрибутов :


В этой таблице приведены все атрибуты для всех существующих в языке гипертекстовой разметки тегов. В столбце "Related Elements" напротив нужного атрибута отмечены теги, в которых данный атрибут может быть использован. В колонке "Type" обозначен тип данных, которые могут быть использованы в качестве значения атрибута. Например, для атрибута align (который определяет выравнивание элемента) возможно применение трех возможных значений (left, center, right).

Если в колонке "Dept" проставлена буква D, то такой атрибут использовать не рекомендуется, иначе html документ не пройдет валидацию. В этом случае необходимо использовать стили css, изучением которых, как я уже отмечал, займемся в недалеком будущем. Это просто необходимо, поскольку тенденция такова, что большинство атрибутов в версии html 5 не рекомендованы для использования и внешний вид элементов следует определять, применяя css.

Кстати, абсолютно полная информация с добавленными тегами и их атрибутами по версии html 5 представлена на одном из лучших, на мой взгляд, ресурсов, посвященных изучению основ html, а именно на htmlbook , причем на русском языке.

Как отобразить горизонтальную линию с помощью тега hr

Будем действовать поступательно. Элемент hr без атрибутов определяет простую горизонтальную линию, которая занимает все пространство по ширине (смотрите пример выше). Последовательно применяя различные атрибуты для тега hr, будем изменять внешний вид горизонтальной линии.

Для начала пропишем атрибуты align и width. Что касается align, то его использовать имеет смысл только в том случае, если задан атрибут width, который определяет ширину элемента (меньше, чем ширина страницы). Напомню, что тег hr является блочным элементом и по умолчанию занимает все доступное по ширине пространство.

В качестве значения атрибута width можно использовать цифры (в этом случае будет задаваться ширина в пикселах) либо проценты, которые задают ширину элемента как долю от доступного пространства. Значение атрибута size проставляется в цифрах и определяет высоту элемента (в данном случае толщину горизонтальной линии). Итак, рассмотрим пример:

Далее добавим к вышеозначенным атрибут noshade. Дело в том, что при использовании тега hr по умолчанию используются трехмерные эффекты (тень), можете убедиться, взглянув на линию, расположенную чуть выше. Прописав атрибут noshade, мы тем самым запрещаем их применять.

Теперь попробуем добавить атрибут color, который определит цвет горизонтальной линии. Замечу, что использование этого атрибута автоматически запрещает трехмерные эффекты, поэтому использование noshade не требуется. В качестве значения ставим название цвета, например, "blue".

Итак, на конкретном примере p, br, hr мы рассмотрели, как теги html, а также используемые различные атрибуты, влияют на формирование различных элементов на вебстранице. Вскоре я опубликую продолжение данной темы, поэтому для получения новых материалов не забудьте подписаться на обновления блога через RSS-ленту либо посредством электронной почты . Засим разрешите откланяться с наилучшими пожеланиями.

Определяет текстовый параграф. Тег

Является блочным элементом, перед ним всегда добавляется пустая строка, параграфы текста идущие друг за другом разделяются между собой вертикальным промежутком. Величиной промежутка можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец параграфа совпадает с началом следующего блочного элемента.

Синтаксис

Текст

Параметры

align Определяет выравнивание текста.

Закрывающий тег

Не обязателен.

Пример 1. Использование тега





Тег P


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.


Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.



Описание параметров тега

Параметр ALIGN

Описание

Выравнивание блока текста по краю.

Синтаксис

Аргументы

left Выравнивание текста по левому краю. В этом случае строки текста выравнивается по левому краю, а правый край располагается?лесенкой?. Такой способ выравнивания является наиболее популярным на сайтах, поскольку позволяет пользователю легко отыскивать взглядом новую строку и комфортно читать большой текст. center Выравнивание текста по центру. Текст помещается по центру горизонтали окна браузера или контейнера, где расположен текстовый блок. Строки текста словно нанизываются на невидимую ось, которая проходит по центру веб-страницы. Подобный способ выравнивания активно используется в заголовках и различных подписях, вроде подрисуночных, он придает официальный и солидный вид оформлению текста. Во всех других случаях выравнивание по центру применяется редко по той причине, что читать большой объем такого текста неудобно. right Выравнивание текста по правому краю. Этот способ выравнивания выступает в роли антагониста предыдущему типу. А именно, строки текста равняются по правому краю, а левый остается?рваным?. Из-за того, что левый край не выровнен, а именно с него начинается чтение новых строк, такой текст читать труднее, чем, если бы он был выровнен по левому краю. Поэтому выравнивание по правому краю применяется обычно для коротких заголовков объемом не более трех строк. Мы не рассматриваем специфичные сайты, где текст приходится читать справа налево, там возможно подобный способ выравнивания и пригодится. Но где вы у нас в стране видели такие сайты. justify Выравнивание по ширине, что означает одновременное выравнивание по левому и правому краю. Чтобы произвести это действие браузер в этом случае добавляет пробелы между словами.

Значение по умолчанию

Аналог CSS

Пример 2. Выравнивание текста





Тег P, параметр align


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.



Теги форматирования

  • устанавливает перевод строки в месте, где этот тег встречается.
  • DIV является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого.
    • 02.12.15 44.1K

    Зачастую начинающих веб-мастеров мучает вопрос, почему одни сайты ранжируются выше и обходят конкурентов в поисковой выдаче. Причиной этого могут быть неправильно расставленные теги h1 , h2 …h6 . Если эти теги расставлены неверно, без учета специфики ресурса, то поисковикам сложнее получить точную информацию о статьях и содержащихся в ней ключевых словах.

    Теги h1 —h6 позволяют выделить заголовки различных уровней. Они дают понять, какие части текста более точно отражают тему статьи и обеспечивают преимущества в ранжировании.

    Грамотная расстановка тегов позволяет поисковым системам более точно отображать станицу по запросам в выдаче, что благоприятно сказывается на позиции ресурса:

    Зачем нужны теги h1-h6?

    В теги заключается название сайта, заголовки и подзаголовки текста:


    В HTML теги заголовков обозначаются h от английского «header », что в переводе означает «заголовок, шапка ». Вот пример того, как это выглядит:

    Заголовок

    Расстановка тегов заголовков должна производиться на каждой странице ресурса. При этом важность заголовка будет зависть от его цифры, чем она меньше, тем заголовок важнее:

    - наиболее важные теги

    - менее значимые теги...
    - последние по важности теги

    Однако относиться к их расстановке следует с осторожностью. Неправильное использование может привести к тому, что ваш ресурс попадет под санкции поисковых систем.

    Синтаксис тегов h1-h6

    Название текста

    Подзаголовок 1

    ...

    Подзаголовок 2

    Подзаголовок 3.1

    ...

    Подзаголовок 3_2

    Подзаголовок 3


    Наибольшей популярностью пользуются теги h1 h2 h3 .

    Как правильно использовать тег h1?

    Игнорируя тег h1 , веб-мастера, лишают себя такого важного преимущества, как оптимизация контента. На движках он часто прописывается автоматически, однако не всегда, и данный факт следует учитывать.

    HTML тег h1 – самый значимый в своем роде. В него заключают название сайта и заголовок статьи. Однако не стоит его путать с тегом (<span>заголовком страницы </span>). Title отражается в браузере вверху экрана с левой стороны в тот момент, когда открыта страница ресурса. Title прописывается в шапке страницы между <head></head>, в то время, когда h1 —h6 указываются в самом «теле » страницы и заключаются в теги <body></body>.</p> <p>На странице может присутствовать только один h1 тег. Если указать несколько заголовков с тегом h1 , поисковики могут расценить это как переспам, что в свою очередь грозит баном:</p> <p><img src='https://i0.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/kak-pravilno-ispolzovat-030726.jpg' width="100%" loading=lazy></p><br> Правила составления главного заголовка h1 : <ul><li>В теге должны использоваться <a href="/rates/google-adwords-poisk-klyuchevyh-slov-planirovshchik-klyuchevyh-slov-ot-google/">ключевые слова</a>, применяемые для продвижения страницы;</li> <li>Не стоит делать заголовок h1 слишком объемным, вполне достаточно нескольких слов;</li> <li>Текст заголовка должен быть читабельным;</li> <li>Мета тег h1 не должен содержать ничего кроме самого текста. Если желаете его выделить, поставьте коды за пределами тега;</li> <li>Перед тем, как вручную прописывать h1 , убедитесь, что движок не задает его автоматически;</li> <li>Содержание h1 должно соответствовать тематике, указанной в title страницы;</li> <li>При составлении h1 обязательно используйте ключевую фразу, по которой продвигается страница;</li> <li>Содержание заголовка должно быть уникальным, емким и тематичным. Не стоит делать h1 полной копией <a href="/payment/meta-teg-title-chto-pisat-meta-tegi-title-description-i-keywords-meshayut-prodvizheniyu/">тега Title</a> . Важно, чтобы на каждой странице ресурса были прописаны уникальные h1 —h6 , поэтому избегайте повторений;</li> <li>Нельзя перечислять в заголовке <a href="/issues-and-bugs/nastroika-kontekstnoi-reklamy-podbor-klyuchei-klyuchevye-frazy/">ключевые фразы</a> через запятую. Содержание h1 должно быть понятно не только поисковикам, но и посетителям ресурса.</li> </ul><p><img src='https://i1.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/pravila-sostavlenija-glav-030726.jpg' width="100%" loading=lazy></p> <h3>Как правильно использовать теги h2-h6?</h3> <p>Кроме h1 для расстановки заголовков, которые идентифицируются <a href="/rates/shodan-hakerskaya-poiskovaya-sistema-poiskovaya-sistema-shodan-ne-to-chem/">поисковыми системами</a>, используются теги h2 , h3 , h4 , h5 , h6 и т.д.</p> <h4>Тег h2</h4> <p>Как правило, используется для заголовков постов в ленте, размещенной на <a href="/personal-account/kak-sdelat-yandeks-poiskovoi-stranicei-kak-sdelat-glavnuyu-stranicu/">главной странице</a> или для подзаголовков в статье.</p> <h4>Теги h3, h4</h4> <p>Зачастую с их помощью выделяют названия подзаголовков, рубрик и виджетов в sidebar .</p> <h4>Теги h5, h6</h4> <p>Предназначены для еще более мелких элементов страниц, которые следует отделить от остального текста.</p> <p>Расстановка заголовков h1 — h6 в <a href="/rates/kak-nastroit-hamachi-v-raznyh-versiyah-windows-kak-nastroit/">разных версиях</a> движков может быть реализована по-разному.</p> <p>Правила расстановки h2 —h6 :</p> <ul><li>Структура заголовков. Должна быть соблюдена иерархия заголовков;</li> <li>Размер шрифта. Чем ниже уровень заголовка, тем <a href="/equipment/kak-na-kompyutere-klaviature-uvelichit-shrift-smena-razmera/">мельче шрифт</a>. Редактирование шрифтов производится в стилях. Но, как правило, шрифты имеют <a href="/rates/kakie-apple-watch-vybrat-vybiraem-pravilnyi-razmer-apple-watch19-03-2015/">правильные размеры</a> по умолчанию;</li> <li>Не допускается применение тегов заголовков вместе с другими тегами акцентирования. В заголовках рекомендуется использовать ключевые слова, по которым данная станица будет продвигаться в поиске;</li> <li>В отличие от h1 , теги h2 —h6 могут быть прописаны на странице несколько раз.</li> </ul><p><body> <h1>Я главный в иерархии заголовков</h1> <h2>Мои дети</h2> <h3>Мои внуки</h3> <h3>Мои внуки</h3> <h3>Мои внуки</h3> <h2>Мои дети</h2> <h3>Мои внуки</h3> <h3>Мои внуки</h3> <h3>Мои внуки</h3> <h4>Мои правнуки</h4> <h4>Мои правнуки</h4> <h4>Мои правнуки</h4> </body></p> <ul><li>Не должно быть никакого спама;</li> <li>Составление текста h1 — h6 должно производиться с использованием синонимов и учетом правил морфологии;</li> <li>Основные <a href="/rates/optimizaciya-pod-poiskovye-zaprosy-kak-optimizirovat-stranicu-pod/">ключевые запросы</a> лучше разместить ближе к началу заголовка;</li> <li>Ключевые фразы, прописанные в заголовках, должны встречаться в тексте страницы;</li> <li>Теги h1 — h6 должны быть краткими, емкими и информативными:</li> </ul> <br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> <div class="clear"></div> </div> <div class="tech-info"></div> <div class="clear"></div> <div class="share-post"> <script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script> <script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,evernote,lj" data-counter=""></div> </div> <div class="post-navigation"> <div class="nav-box-previous"> <div class="img-wrap-nav"> <a href="/personal-account/ishchu-pati-v-danzh-ful-shmot-obzor-nastolnoi-igry-dungeon-raiders-rashititeli/"> <img src="/uploads/13e31dd9ba308a44a2efbbeafbf20e2d.jpg" alt="— обзор настольной игры Dungeon Raiders (Расхитители подземелий)" loading=lazy> </a> <span>« Предыдущая запись</span> <h2> <a href="/personal-account/ishchu-pati-v-danzh-ful-shmot-obzor-nastolnoi-igry-dungeon-raiders-rashititeli/">— обзор настольной игры Dungeon Raiders (Расхитители подземелий) </a></h2> </div> </div> <div class="nav-box-next"> <div class="img-wrap-nav"> <a href="/personal-account/oshibka-scenariya-kak-ubrat-osnovnye-metody-na-etoi-stranice-proizoshla/"> <img src="/uploads/37b30ff2edc7eada550928fe29b0d44e.jpg" alt="Ошибка сценария: как убрать?" loading=lazy> </a> <span>Следующая запись »</span> <h2> <a href="/personal-account/oshibka-scenariya-kak-ubrat-osnovnye-metody-na-etoi-stranice-proizoshla/">Ошибка сценария: как убрать? </a></h2> </div> </div> <div class="clear"></div> </div> <div class="related-posts"> <ul> <p>Что еще почитать?</p> <li class="related"> <a href="/issues-and-bugs/kak-oboiti-ogranichenie-vozrasta-na-yutube-video-s-ogranichennym/" title="Видео с ограниченным доступом – как смотреть на YouTube Как поставить возрастные ограничения на ютубе"><img src="/uploads/d1788fbbf5ff89d0353c059d10f470d2.jpg" alt="Видео с ограниченным доступом – как смотреть на YouTube Как поставить возрастные ограничения на ютубе" loading=lazy> <span class="rel-post-title">Видео с ограниченным доступом – как смотреть на YouTube Как поставить возрастные ограничения на ютубе</span> </a></li> <li class="related"> <a href="/payment/windows-8-obnovlenie-ne-primenimo-k-vashemu-kompyuteru-ustranyaem-oshibku/" title="Устраняем ошибку «Обновление не применимо к этому компьютеру"><img src="/uploads/3649eece74b866f473eaf8b4e0a48fdd.jpg" alt="Устраняем ошибку «Обновление не применимо к этому компьютеру" loading=lazy> <span class="rel-post-title">Устраняем ошибку «Обновление не применимо к этому компьютеру</span> </a></li> <li class="related"> <a href="/installation-and-configuration/2-elektronnye-tablicy-naznachenie-i-osnovnye-vozmozhnosti/" title="Назначение и основные функции табличных процессоров"><img src="/uploads/7b32f04de0118f46adcdacb0c37fc2a8.jpg" alt="Назначение и основные функции табличных процессоров" loading=lazy> <span class="rel-post-title">Назначение и основные функции табличных процессоров</span> </a></li> <li class="related"> <a href="/payment/world-of-tanks-vyletaet-pri-zapuske-ispravlyaem-oshibki-world-of-tanks-vyletaet/" title="World of Tanks вылетает при запуске При запуске wot зависает компьютер"><img src="/uploads/390178f09f4b9c6b3469dcedcd93d2ec.jpg" alt="World of Tanks вылетает при запуске При запуске wot зависает компьютер" loading=lazy> <span class="rel-post-title">World of Tanks вылетает при запуске При запуске wot зависает компьютер</span> </a></li> <li class="related"> <a href="/installation-and-configuration/aleksandr-litvin-o-puteshestviyah-v-skachat-video-i-vyrezat-mp3---u-nas-eto/" title="Скачать видео и вырезать мп3 - у нас это просто"><img src="/uploads/f002d2640e231bdef0268909e468ea76.jpg" alt="Скачать видео и вырезать мп3 - у нас это просто" loading=lazy> <span class="rel-post-title">Скачать видео и вырезать мп3 - у нас это просто</span> </a></li> <li class="related"> <a href="/installation-and-configuration/uznaem-dns-provaidera-dlya-chego-kakie-est-vozmozhnosti-chto-takoe/" title="Что такое MX-запись домена Узнать информацию о dns сервере"><img src="/uploads/3cca4a4f5946906373ee5fd404a60b54.jpg" alt="Что такое MX-запись домена Узнать информацию о dns сервере" loading=lazy> <span class="rel-post-title">Что такое MX-запись домена Узнать информацию о dns сервере</span> </a></li> <div class="clear"></div> </ul> </div> <div class="clear"></div> </div> </div> <div class="right-col"> <div class="widget_text side-blok"> <div class="textwidget custom-html-widget"> <div id="kekudi2" style="height:250px;width:250px;" align="center"></div> </div> </div> <div class="side-blok"> <div class="side-title"><span>Рубрики</span></div> <ul> <li class="cat-item cat-item-18"><a href="/category/personal-account/">Личный кабинет</a></li> <li class="cat-item cat-item-18"><a href="/category/equipment/">Оборудование</a></li> <li class="cat-item cat-item-18"><a href="/category/payment/">Оплата</a></li> <li class="cat-item cat-item-18"><a href="/category/rates/">Тарифы</a></li> <li class="cat-item cat-item-17"><a href="/category/issues-and-bugs/">Проблемы и ошибки</a> </li> <li class="cat-item cat-item-20"><a href="/category/personal-account/" title="Личный кабинет">Личный кабинет</a> </li> </ul> </div> <div class="widget_text side-blok"> <div class="textwidget custom-html-widget"> <div id="yandex_rtb_R-A-213002-4"></div> </div> </div> <div class="side-blok"> <div class="side-title"><span>Последние записи</span></div> <ul id="recentcomments"> <li class="recentcomments"><a href="/equipment/kody-i-chity-na-gta-v-dengi-oruzhie-bessmertie-chit-kody-gta-san-andreas-na/">Чит-коды GTA: San Andreas на PlayStation Коды для gta 5 на playstation 3</a></li> <li class="recentcomments"><a href="/installation-and-configuration/sposoby-udaleniya-svoih-i-chuzhih-kommentariev-v-odnoklassnikah-kak-udalit/">Как удалить комментарий в одноклассниках под фото и в обсуждениях Как удалить комментарий в обсуждениях</a></li> <li class="recentcomments"><a href="/personal-account/udalennoe-upravlenie-kompyuterom-hrom-udalennyi-rabochii-stol-chrome-podklyuchenie-fiksirovannogo-ip-/">Удаленный рабочий стол Chrome</a></li> <li class="recentcomments"><a href="/personal-account/kak-vklyuchit-xmp-profil-operativnoi-pamyati-kak-vklyuchit/">Как включить профиль XMP планки оперативной памяти?</a></li> <li class="recentcomments"><a href="/installation-and-configuration/ustroistvo-bloka-pitaniya-ustroistvo-bloka-pitaniya-blok-pitaniya-pk/">Устройство блока питания Блок питания пк принципиальная схема</a></li> <li class="recentcomments"><a href="/rates/funkciya-sql-s-vhodnymi-parametrami-osnovnye-komandy-sql-kotorye/">Основные команды SQL, которые должен знать каждый программист</a></li> <li class="recentcomments"><a href="/issues-and-bugs/kak-uznat-kakoi-brauzer-ustanovlen-na-noutbuke-kak-uznat-versiyu/">Как узнать версию браузера</a></li> <li class="recentcomments"><a href="/installation-and-configuration/12-dlya-chego-ispolzuyutsya-filtry-v-pochte-pomoshch-kak-nastroit-pravila/">12 для чего используются фильтры в почте</a></li> </ul> </div> <div class="side-blok"> <div class="side-title"><span>Страницы</span></div> <ul> <li class="page_item page-item"><a href="/feedback/">Контакты</a></li> <li class="page_item page-item"><a href="">О сайте</a></li> </ul> </div> <div class="ad300-side"> <div id="kekudi3" style="height:500px;width:300px;" align="center"></div> </div> </div> </div> <div class="clear"></div> </div> <div class="footer"> <div class="credits"> <p>© 2024 Триколор телевидение — trikolo.ru · <br></p> <div class="foot-counter"></div> </div> <a id="backtop" href="#top"><i class="fa fa-chevron-circle-up" aria-hidden="true"></i></a></div> <script type="text/javascript"> function gotoal(link) { window.open(link.replace("_", "http://")); } </script> <div id="mobilemenu" class="mobilemenu"> <ul id="menu-rubriki-1" class="top-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/equipment/">Оборудование<span class="menu-item-description">Открытая платформа госуслуг</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/payment/">Оплата<span class="menu-item-description">Открытая платформа госуслуг</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/rates/">Тарифы<span class="menu-item-description">Открытая платформа госуслуг</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/issues-and-bugs/">Проблемы и ошибки<span class="menu-item-description">Открытая платформа госуслуг</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/personal-account/">Личный кабинет<span class="menu-item-description">Открытая платформа госуслуг</span></a></li> </ul> </div> <script type="text/javascript" defer src="https://trikolo.ru/wp-content/cache/autoptimize/js/autoptimize_9691aae6c4d2d788899fe5ded4da4d0e.js"></script> </body> </html>