Html главная страница: Главная страница

Posted:

Июн 16, 2023

Comments:

Html главная страница: Главная страница | htmlbook.ru

Содержание

Делаем ссылку с помощью HTML

Обязательные атрибуты тега

К обязательным атрибутам стоит отнести href (адрес ссылки). Адрес ссылки может быть как абсолютным (например, “http://nubex.ru”), так и относительным (к, примеру, “/we/”). Относительный путь указывается относительно главной страницы (чтобы сослаться на главную страницу сайта, используйте “/”).

Между открывающим тегом <a> и закрывающим </a> пишется текст, который будет выводиться в виде гиперссылки (такой текст еще называют анкором или якорем). В качестве анкора может выступать не только текст, но и картинка.

Таким образом, самая простая ссылка в тексте HTML Nubex будет выглядеть так:

<a href="http://nubex.ru">Nubex</a>

Необязательные атрибуты тега

К основным необязательным атрибутам гиперссылок относятся:

title — служит для добавления всплывающей подсказки к ссылке;

name — используется для определения якоря внутри страницы;

target — указывает браузеру, куда загружать документ;

accesskey — дает возможность активации ссылки с помощью определенных горячих клавиш.

Рассмотрим более актуальный способ, как сделать ссылку на страницу в HTML с использованием основных атрибутов:

<a title="Конструктор сайтов Нубекс" accesskey="n" name="nubex" href="http://nubex.ru" target="_blank"> Нубекс</a>

Теперь посмотрим на нашу ссылку: Нубекс

Текст, указанный в атрибуте title будет всплывать при наведении курсора на ссылку. Атрибут target=»_blank» означает, что ссылка будет открываться в новом окне. accesskey=»n» позволяет активировать ссылку комбинацией клавиш (для Google Chrome – это Alt+N), где n — это указанная в теге клавиша. Чтобы определить, как работает тег name, рассмотрим его более подробно.

Атрибут name

Атрибут name используется для определения якоря внутри страницы. Это означает, что можно ссылаться на определенные области внутри одной страницы. Рассмотрим на примере:

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Как сделать ссылку на сайт в HTML</title>
 </head>
 <body>
  <p><a name="nubex"></a></p>  
  <p>Большое-большое полотно текста.  Прокрути вниз и нажми «Вверх».</p>
  <p><a href="#nubex">Вверх</a></p> 
 </body>
</html>

В конструкторе сайтов «Нубекс» есть удобный механизм для вставки ссылок при редактировании ссылки. Для более подробной информации читайте статью Как сделать ссылку.

Первая страница: учебник HTML:

Начало

С чего начать?

Создание Web-страницы можно разбить на несколько этапов.

С помощью любого текстового редактора создаем текстовый файл,
содержащий команды языка HTML.
Здесь можно использовать Блокнот или WordPad из стандартных программ,
а также любой другой текстовый редактор, например, встроенный редактор оболочки FAR.
Обратите внимание, что файл должен быть сохранен в виде простого текстового документа
(без оформления) и иметь расширение *. htm или *.html. Русские буквы
должны быть набраны в кодировке Windows.

Открыть файл в браузере. Для этого можно использовать два способа
- Открыть браузер, выбрать пункт меню Файл-Открыть и найти файл на диске.
- Найти файл в Проводнике (или через Мой компьютер) и «открыть»
  его, щелкнув дважды по значку. При этом запускается браузер, установленный по умолчанию. В оболочке
  FAR можно выделить файл курсором и нажать клавишу Enter.

Чтобы внести изменения в страницу, можно выбрать команду Просмотр источника
(или Просмотр в виде HTML) из меню Вид или контекстного меню,
которое появляется при нажатии на правую кнопку мыши. При этом исходный файл
откроется в Блокноте или WordPad-е (для браузера Opera).
После изменения файл необходимо сохранить, перейти в окно браузера
(с помощью панели задач) и обновить документ (нажав на F5 или
кнопку обновления).

А проше всего — взять на этом сайте
бесплатный HTML-редактор HEFS, в котором вы сможете редактировать текст Web-страницы и сразу посмотреть
ее в«рабочем» виде.

Тэги

Размещение информации на Web-странице задается с помощью специальных команд
— тэгов. Тэг — это команда, которую понимает браузер.
Тэги заключаются в угловые скобки < и >.
Можно записывать тэги как маленькими, так и большими буквами (и даже вперемежку).

Тэги бывают парные и непарные. Непарный тэг говорит о том, что в этом месте
надо вставить какой-то элемент, например, рисунок или разделительную линию.
Например, тэг

<BR>

означает переход на новую строку в тексте (без абзацного отступа).

Парный тэг состоит из двух частей — открывающего и закрывающего тэгов.
Закрывающий тэг имеет то же самое имя, что и открывающий, но перед именем
ставится знак / (слэш).
Действие парного тэга распространяется на всё, что находится между ними.
Например, парный тэг

выравнивает по центру страницы всю информацию, расположенную на месте многоточия.

Простейшая страница

Вот текст простейшей Web-страницы на языке HTML:

<HTML>

<HEAD>

<TITLE>Моя первая Web-страница</TITLE>

</HEAD>

<BODY>
Привет!

</BODY>

</HTML>

А вот как выглядит окно браузера, если открыть эту страницу:

Попробуем разобраться. Страница начинается с тэга
<HTML> и заканчивается закрывающим
тэгом </HTML>. Содержимое
страницы находится между ними и делится на две части, которые
заключаются в парные тэги <HEAD> и
<BODY>.

Тэг <HEAD> (от английского head — голова)
содержит заголовок страницы, записанный внутри тэга
<TITLE>, и, возможно, другую
служебную информацию, например, ключевые слова для поисковых машин.

В рабочую область браузера выводится все, что находится внутри
тэга <BODY> (от английского body — тело).
Именно внутри этого блока надо размещать текст, рисунки, таблицы и т.п.

В следующем разделе вы узнаете о том,
как кодировать цвета в языке HTML.

HTML-редактор «HEFS» — удобное средство
ручного создания Web-страниц для начинающих.

Препроцессор HTT, позволяющий использовать шаблоны на
Web-страницах..

Сайт Якоба Нильсена — известного специалиста
по «юзабилити» (удобству использования Web-сайтов).

Сайт дизайн-студии Артемия Лебедева.
Один из лучших разделов — «Ководство» (дизайн для умных).

Сайт Дмитрия Кирсанова — автора первого курса Web-дизайна на русском языке.

Разработка веб-страницы с использованием HTML и CSS

< html 900 08 >

< головка >

< title >Простой шаблон веб-разработки title >

< стиль >

* {

поля : 0;

заполнение: 0;

}

.navbar { 900 09 дисплей: гибкий;

align-items: center;

justify-content: center;

положение: липкое;

верх: 0;

курсор: указатель;

}

. background { 9000 9 фон: черный;

background-blend-mode: затемнить;

background-size: обложка;

}

.nav-list { 90 009 ширина: 70%;

дисплей: гибкий;

align-items: center;

}

.logo {

display: flex;

justify-content: center;

align-items: center;

}

.logo img { 90 009 ширина: 180 пикселей;

радиус границы: 50 пикселей;

}

. nav-list li {

стиль списка: нет;

отступы: 26 пикселей 30 пикселей;

}

.nav-list li a {

украшение текста: нет;

цвет: белый;

}

.nav-list li a:hover { 90 008

цвет: серый;

}

.rightnav { 900 09 ширина: 30%;

выравнивание текста: вправо;

}

#search {

отступ: 5 пикселей;

размер шрифта: 17 пикселей;

граница: 2 пикселя сплошного серого цвета;

радиус границы: 9 пикселей;

}

. firstsection {

background-color: зеленый;

высота: 400 пикселей;

}

.secondsection { 9000 9 цвет фона: синий;

высота: 400 пикселей;

}

.box-main {

9000 6 дисплей: гибкий;

justify-content: center;

align-items: center;

цвет: черный;

макс. ширина: 80%;

поле: авто;

высота: 80%;

}

. firsthalf { 900 09 ширина: 100%;

дисплей: гибкий;

flex-direction: column;

justify-content: center;

}

.secondhalf { 9000 9 ширина: 30%;

}

.secondhalf img { 9 0009 ширина: 70%;

граница: 4 пикселя сплошного белого цвета;

радиус границы: 150 пикселей;

дисплей: блок;

поле: авто;

}

. text-big { 90 009 семейство шрифтов: 'Piazzolla', с засечками;

вес шрифта: полужирный;

размер шрифта: 35 пикселей;

}

.text-small { 9 0009 размер шрифта: 18 пикселей;

}

.btn { 900 09 отступы: 8 пикселей 20 пикселей;

поле: 7 пикселей 0;

граница: 2 пикселя сплошного белого цвета;

радиус границы: 8 пикселей;

фон: нет;

цвет: белый;

курсор: указатель;

}

. btn-sm {

заполнение: 6px 10px;

вертикальное выравнивание: посередине;

}

.section {

высота: 400 пикселей;

дисплей: гибкий;

align-items: center;

justify-content: center;

макс. ширина: 90%;

поле: авто;

}

.section-Left { 90 009 flex-direction: row-reverse;

}

.paras { 9000 9 заполнение: 0px 65px;

}

. thumbnail img {

ширина: 250 пикселей;

граница: 2 пикселя сплошного черного цвета;

радиус границы: 26 пикселей;

margin-top: 19px;

}

.center {

text-align: center;

}

.text-footer { 90 009 text-align: center;

padding: 30px 0;

семейство шрифтов: 'Ubuntu', без засечек;

дисплей: гибкий;

justify-content: center;

цвет: белый;

}

стиль >

головка >

< корпус >

< навигация класс = "фон панели навигации" > 90 009 < ul class = "nav-list" >

< div класс = "логотип" > 9 0008

< img src = "logo. png" >

div >

< li >< a href = "#web" >Web Technology a > li >

< li >< a href = "#program" >Программирование на C a 9 0008 > li >

< li >< a href = "#курс" >Курсы a > ли >

ul >

9 0007 < div class = "rightNav" >

9000 7 < ввод тип = "текст" имя = "поиск" id = "поиск" 9 0008 >

< кнопка класс = "btn btn-sm" >Поиск кнопка >

раздел >

nav >

< раздел класс = "firstsection" >

< div class = "box -main" >

< div class = "firstHalf" >

< h2 class = 900 08 "большой текст" id = "web" >Web Technology h2 >

< 900 07 p класс = "маленький текст" >

HTML означает язык гипертекстовой разметки.

Используется для оформления веб-страниц с использованием разметки

язык. HTML представляет собой комбинацию гипертекста

и языка разметки. Гипертекст определяет

связь между веб-страницами. Язык разметки

используется для определения текстового документа внутри тега

, который определяет структуру веб-страниц.

HTML — это язык разметки, используемый

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

содержимого, чтобы отобразить его в требуемом формате.

p >

раздел >

дел. >

секция >

< секция класс 9 0007 = "вторая секция" >

< раздел класс = " коробка-основная" >

< div class = "firstHalf" 90 007 >

< h2 класс = "текст-большой" id = "программа" >

Программирование на C

h2 >

< p class = 90 008 "text-small" >

C — язык процедурного программирования. It

изначально был разработан Деннисом Ритчи

900 07 как язык системного программирования для записи

операционная система. Основные особенности языка C

включают низкоуровневый доступ к памяти,

простой набор ключевых слов и чистый стиль,

эти особенности делают язык C подходящим для

системное программирование, такое как операционная система или

разработка компилятора.

p >

дел. 7 дел >

секция >

< раздел класс = "раздел" >

9 0007 < div class = "paras" >

< h2 class = "sectionTag text-big" >Java h 2 >

< p class = "sectionSubTag text-small" 9 0007 >

много лет.

Java является объектно-ориентированным. Однако это

не считается чисто объектно-ориентированным 07 типов данных (таких как int, char и т. д.)

Java-коды сначала компилируются в байт

код (машинно-независимый код). Затем

байт-код выполняется на Java Virtual 9.0008

Машина (JVM) независимо от базовой архитектуры

.

p >

9000 6 дел. раздел класс = "миниатюра" >

< img src = "img. png" alt = "изображение ноутбука" >

раздел >

< нижний колонтитул класс = "фон" >

< p класс = "текстовый нижний колонтитул" >

тело >

900 07 html >

WebD2: Основные теги

Обзор

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

Результаты обучения

По завершении этого упражнения:

вы изучите основные теги, необходимые для всех HTML-документов, и сможете создать пустую HTML-страницу со всеми необходимыми тегами.

Занятия

Откройте программу текстового редактора и перейдите к папке «portfolio», которую вы создали на уроке Pre-coding. Откройте файл index.html.
Введите в файл следующую разметку. Это базовая структура HTML веб-страницы. Обратите внимание, что вы будете персонализировать выделенный текст, содержащийся в тегах заголовков.
```
 г.


  <голова>
    <мета-кодировка="utf-8">
    Веб-портфолио: ваше имя
  
  <тело>
    
  

 
```
Возможно, вам будет легче читать, если вы добавите дополнительные пустые строки, как показано в примере выше. Кроме того, отступ содержимого, которое находится внутри другого содержимого, помогает вам увидеть взаимосвязь между всеми частями страницы. Это стандартная практика для всех языков разметки, сценариев и программирования.
Помните: Дополнительные пробелы и пустые строки будут игнорироваться при отображении HTML браузером.
Теперь рассмотрим каждый из этих тегов:
- Первая строка DOCTYPE . Он указывает версию HTML, которую вы используете. HTML5 имеет очень простой DOCTYPE. Во всех предыдущих версиях HTML и XHTML операторы DOCTYPE были намного длиннее и сложнее, но их можно легко найти с помощью поиска в Интернете, а также скопировать и вставить на веб-страницу. Оператор DOCTYPE необходим, потому что он сообщает браузеру, какую версию HTML вы используете, чтобы браузер знал, как обрабатывать ваш код. . Распространенной ошибкой среди веб-разработчиков является пренебрежение включением оператора DOCTYPE. Без оператора DOCTYPE браузеры должны угадывать, какую версию HTML вы используете, и иногда ошибаются.
- вводится перед всем текстом в документе. Это отмечает начало html-документа. Он имеет соответствующий тег , который отмечает конец документа. Вся веб-страница, за исключением оператора DOCTYPE, заключена между этими двумя тегами.
- Веб-страницы делятся на два основных раздела: заголовок и тело . Заголовок предоставляет информацию о документе, включая автора, описание, ключевые слова, заголовок и другую информацию. глава раздел закрывается тегом . В нашем «голом» документе внутри головки всего два элемента. Их:
- <название> Вы должны дать своему документу название. Этот заголовок на самом деле не отображается на веб-странице, но отображается в строке заголовка окна браузера. Это также название страницы, которое будет отображаться по умолчанию в результатах поиска или в Избранном пользователя. Название закрывается на
- — это тег, который имеет множество назначений, в зависимости от того, какой атрибут он имеет. В нашем «голом» документе атрибутом является charset , для которого установлено значение «utf-8». Это обязательный тег, который сообщает браузеру, в каком наборе символов закодирована веб-страница. Существует много возможных наборов символов, но «utf-8» — это международный набор символов, который является одним из наиболее распространенных. Тег не является контейнерным тегом. Поэтому у него нет соответствующего закрывающего тега.
- Раздел body содержит содержимое вашего документа
- Комментарии предназначены исключительно для людей, читающих исходный код, и не видны, когда кто-то просматривает веб-страницу в браузере. Дополнительную информацию об этой функции см. в разделе ниже, посвященном комментариям в вашем коде .
Сохраните файл index.html. Теперь откройте этот файл в своем браузере.
Вы заметите, что экран пуст. Это потому, что у вас еще нет контента в разделе body. Однако вы должны увидеть свой заголовок в строке заголовка браузера, обычно в верхней части окна браузера.

г.

Вернитесь к текстовому редактору и файлу index.html. Пока вы создаете файлы с использованием «голого» шаблона, вы должны продолжить и создать другие файлы, которые будут составлять ваш веб-сайт. Позже в этом курсе вы добавите содержимое на каждую из этих страниц, но сейчас они будут пустыми, как и домашняя страница. Просто скопируйте код из index.html и вставьте его на новые страницы. Каждый раз, когда вы делаете это, изменяйте элемент, чтобы он отражал содержимое новой страницы. Например, измените заголовок в файле graphics.html на что-то вроде «Веб-портфолио: страница графики вашего имени». Сохраняйте каждый новый файл в корневой папке со следующими именами файлов:<ul><li> доступность.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/cdn.freelance.ru/img/portfolio/pics/00/36/15/3544557.jpg?mt=7a8ed06f' /><noscript><img loading='lazy' src='/800/600/https/cdn.freelance.ru/img/portfolio/pics/00/36/15/3544557.jpg?mt=7a8ed06f' /></noscript> html</li><li> графика.html</li><li> javascript.html</li><li> юзабилити.html</li><li> tools.html</li><li> видео.html</li></ul></li></ol><h3><span class="ez-toc-section" id="%D0%9A%D0%BE%D0%BC%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%80%D0%B8%D0%B8_%D0%B2_%D0%B2%D0%B0%D1%88%D0%B5%D0%BC_%D0%BA%D0%BE%D0%B4%D0%B5"></span> Комментарии в вашем коде <span class="ez-toc-section-end"></span></h3><p> Пример HTML-кода, предоставленный и описанный на этой странице, включает HTML-разметку для добавления комментариев:</p><p></p><p> Все компьютерные языки разметки или программирования предоставляют какой-либо метод для добавления комментариев к вашему коду. Сюда входят все три языка, изучаемые в этом курсе: HTML, каскадные таблицы стилей (CSS) и JavaScript. Фактический метод отличается в зависимости от языка, но идея всегда одна и та же. Комментарии — это примечания для вас или других, кто просматривает ваш исходный код, которые помогают сделать код более понятным. Веб-браузер просто игнорирует их, поэтому они фактически не отображаются для пользователей. Добавляйте комментарии свободно! Лучше слишком много комментариев, чем слишком мало. Вот две основные цели добавления комментариев к вашему коду:</p><ul><li> <strong> Используйте комментарии, чтобы объяснить свой код <em> другим </em> .<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/present5.com/presentation/08f559bbaf77f6662ae44531fed07a97/image-2.jpg' /><noscript><img loading='lazy' src='/800/600/https/present5.com/presentation/08f559bbaf77f6662ae44531fed07a97/image-2.jpg' /></noscript> </strong> Часто вы создаете веб-страницы в составе группы, и другим членам группы может потребоваться прочитать и понять ваш код. Даже если вы единственный человек, работающий над определенной веб-страницей, позже могут быть другие, которым нужно прочитать и понять ваш код.</li><li> <strong> Используйте комментарии, чтобы объяснить свой код для <em> самостоятельно </em> . </strong> Когда вы изучаете новые методы веб-дизайна, может быть очень полезно добавлять себе напоминания о том, почему вы использовали определенный тег или группу тегов.</li><p> г.</ul><h3><span class="ez-toc-section" id="%D0%A0%D0%B5%D1%81%D1%83%D1%80%D1%81%D1%8B%D0%94%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B_%D0%B2_%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82%D0%B5"></span> Ресурсы/Документы в Интернете <span class="ez-toc-section-end"></span></h3><ul><li> Общие теги HTML</li><li> Спецификация W3C HTML5</li><li> Справочник по элементам HTML от W3Schools</li></ul><h3><span class="ez-toc-section" id="%D0%92%D1%81%D0%B5_%D0%B3%D0%BE%D1%82%D0%BE%D0%B2%D0%BE"></span> Все готово? <span class="ez-toc-section-end"></span></h3><p> Отображается ли соответствующий заголовок каждой страницы вашего сайта в строке заголовка браузера? После того, как вы сохранили все изменения в index.html и на других страницах, держите браузер и текстовый редактор открытыми для файла index.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/schtirlitz.ru/800/600/http/st-s.pro/wp-content/uploads/2019/03/vazhnye-meta-tegi-dlja-seo-optimizacii-sajta-a.jpg' /><noscript><img loading='lazy' src='/800/600/https/schtirlitz.ru/800/600/http/st-s.pro/wp-content/uploads/2019/03/vazhnye-meta-tegi-dlja-seo-optimizacii-sajta-a.jpg' /></noscript></p><div class="clear"></div><p class="inner-meta">This entry was posted in <a href="https://consei.ru/category/populyarnoe" rel="category tag">Популярное</a></p></div><div class="post comments" id="comments"></div></div></div></div><div id="sidebar" class="profile"><ul><li class="widget png_scale" id="widget_categories"><h2 class="blocktitle"><span>Рубрики</span></h2><ul><li class="cat-item cat-item-23"><a href="https://consei.ru/category/adsense">Adsense</a> (3)</li><li class="cat-item cat-item-20"><a href="https://consei.ru/category/chrome">Chrome</a> (2)</li><li class="cat-item cat-item-19"><a href="https://consei.ru/category/direkt">Директ</a> (86)</li><li class="cat-item cat-item-18"><a href="https://consei.ru/category/dorvei">Дорвеи</a> (39)</li><li class="cat-item cat-item-15"><a href="https://consei.ru/category/klyuchevye-slova">Ключевые слова</a> (238)</li><li class="cat-item cat-item-14"><a href="https://consei.ru/category/lendingi">Лендинги</a> (78)</li><li class="cat-item cat-item-12"><a href="https://consei.ru/category/populyarnoe">Популярное</a> (12 235)</li><li class="cat-item cat-item-17"><a href="https://consei.ru/category/prodvizhenie">Продвижение</a> (498)</li><li class="cat-item cat-item-8"><a href="https://consei.ru/category/raznoe">Разное</a> (41)</li><li class="cat-item cat-item-22"><a href="https://consei.ru/category/rsya">Рся</a> (6)</li><li class="cat-item cat-item-13"><a href="https://consei.ru/category/semanticheskoe-yadro">Семантическое ядро</a> (366)</li><li class="cat-item cat-item-21"><a href="https://consei.ru/category/spam">Спам</a> (10)</li><li class="cat-item cat-item-16"><a href="https://consei.ru/category/ssylochnoe">Ссылочное</a> (73)</li><li class="cat-item cat-item-11"><a href="https://consei.ru/category/ticz">Тиц</a> (381)</li></ul></li></ul></div><div class="clear"></div></div><div class="clear"></div></div><div id="footer"><div class="wrapper" style="margin: auto;"><p style="margin-left: 50px; padding-top: 10px;"></p><div style="margin-left: 50px; padding-bottom: 10px; border-bottom: 1px solid #444;"><ul class="clearfix"><li style="padding-right: 8px; height: 32px; padding-left: 43px; margin: 17px 0 0 0; float: left; background-image: ; background-repeat: no-repeat;">Подписаться на RSS <br><span>100+ Подписчиков</span></li><li style="padding-right: 8px; height: 32px; padding-left: 43px; margin: 17px 0 0 0; float: left; background-image: ; background-repeat: no-repeat;">Услуги и реклама<span><br>Я свободен</span></li><li style="padding-right: 8px; height: 32px; padding-left: 43px; margin: 17px 0 0 0; float: left; background-image: ; background-repeat: no-repeat;">Контакты <span><br>Скажи мне привет!</span></li></ul></div><p></p> <br><p style="margin-left: 50px; padding-top: 10px;"></p><p style="margin-left: 50px; color: #ffffff;">© Копирование моих статей приветствуется, если вы поставите ссылку на мой блог будет просто математично!</p><div class="clear"></div></div></div> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://consei.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script>  <style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?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();</script>  <script defer src="https://consei.ru/wp-content/cache/autoptimize/js/autoptimize_5f36542f4fdd420adbdaa5616b406138.js"></script></body></html>