Разное

Тег body это: Атрибут bgcolor | htmlbook.ru

04.05.2023

Урок 4: Тело сайта, тег body


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

«Тело» сайта — разговорный термин среди программистов и HTML верстальщиков. Под выражением»тело» сайта подразумевают теги и контент.

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

 

Структура HTML шаблона — это основа в создании веб-страницы. Она состоит из нескольких элементов, таких как заголовок, основное содержимое и подвал. Каждый из этих элементов является важным для создания качественной веб-страницы, так как он определяет ее структуру и помогает ее администраторам сохранять содержимое актуальным.

 

Заголовок — это элемент, который содержит основную информацию о документе, такую как название и ключевые слова. Он определяется с помощью тега <head>, и содержит такие элементы, как теги <title>, <meta>, и <link>. <title> определяет заголовок документа, который отображается в верхней части веб-браузера, <meta> определяет метаданные, такие как язык документа и описание страницы, <link> ссылается на используемые вдокументе CSS стили.

 

Основное содержимое документа находится внутри тега body. Тег <body> определяет все, что будет отображаться на веб-странице. Как правило, на странице размещается заголовок, навигационное меню, контент и подвал. Вот пример кода для тега <body>:

 

«`html

<body>

  <header>

    <h2>Заголовок страницы</h2>

    <nav>

      <ul>

        <li><a href=»#»>Главная</a></li>

        <li><a href=»#»>О нас</a></li>

        <li><a href=»#»>Контакты</a></li>

      </ul>

    </nav>

  </header>

  <main>

    <h3>О нас</h3>

    <p>Мы — компания, которая занимается созданием веб-приложений и веб-сайтов.

Наша задача — создавать качественные продукты, которые будут полезны нашим клиентам.</p>

  </main>

  <footer>

    <p>ООО «Моя компания» 2022</p>

  </footer>

</body>

«`

 

В данном примере на странице есть заголовок, которым является тег <h2>, навигационное меню, главное содержимое страницы, которым являются теги <h3> и <p>, и подвал, который находится внутри тега <footer>.

 

Подвал на веб-странице обычно содержит копирайт и информацию о компании. Он определяется с помощью тега <footer>. Весь код тега <footer> находится внутри тега <body>, как и все остальное содержимое страницы. В примере выше подвал содержит всего один текстовый блок, но на практике он может содержать больше информации.

 

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

Скачать пример HTML шаблона: stranichkahtml.zip

Пример получился, конечно, не ахти, поэтому впереди Вас ждет ещё много уроков HTML!

При верстке шаблонов и дизайнов верстальщики редко используют атрибуты тега «body», обычно эти параметры задаются в CSS. Как подключить css-стили к шаблону можно прочитать в Уроке №3: Как подключить CSS стили оформления в шаблоне?. О том, как правильно оформить «тело» сайта, я расскажу в следующем уроке №5. И помните, что создание HTML сайта не так сложно, как это кажется в начале!

Дата: 2013-06-21 08:51:57   Просмотров: 13012

Теги: html уроки сайт сайтостроение вебмастеру вебмастер

HTML: основы — тест 1

Главная / Интернет-технологии / HTML: основы / Тест 1

Упражнение 1:

Номер 1

Какие из перечисленных контейнеров размещают в заголовке html-документа?

Ответ:

&nbsp(1) <LINKHREF=. ..REL=..>&nbsp

&nbsp(2) <FORM ....>&nbsp

&nbsp(3)

<META NAME=... CONTENTS.. >&nbsp

&nbsp(4) <SCRIPT LANGUAGES=... SRC=...>&nbsp

&nbsp(5) <BODY ....>&nbsp


Номер 2

Выберите контейнеры которые нельзя помещать в <BODY>:

Ответ:

&nbsp(1) <STYLE>

&nbsp

&nbsp(2) <SCRIPT>&nbsp

&nbsp(3) <TITLE>&nbsp

&nbsp(4) <CENTER>&nbsp

&nbsp(5) <IMG>&nbsp


Номер 3

Какой тег задает URL документа?

Ответ:

&nbsp(1) <BASE HREF=". ...">&nbsp

&nbsp(2) <BASE HREF="....">...</BASE>&nbsp

&nbsp(3)

<LINK>&nbsp

&nbsp(4) <A HREF=...> TEXT </A>&nbsp


Номер 4

В каких типах документов отсутствует заголовок:

Ответ:

&nbsp(1) где используются формы&nbsp

&nbsp(2) где не указан элемент разметки head&nbsp

&nbsp(3) с использованием фреймов&nbsp

&nbsp(4) документ с использованием скриптов&nbsp


Номер 5

Заголовок (контейнер head) html-документа используется для:

Ответ:

&nbsp(1) размещения форм&nbsp

&nbsp(2) размещения МЕТА-тегов&nbsp

&nbsp(3) описания фреймов&nbsp

&nbsp(4) размещения скриптов и стилей&nbsp


Номер 6

Где отображается содержание контейнера title?

Ответ:

&nbsp(1)

в адресной строке браузера&nbsp

&nbsp(2) в заголовке окна браузера&nbsp

&nbsp(3) на странице&nbsp

&nbsp(4) в заголовке текста&nbsp


Упражнение 2:

Номер 1

Какой тег определяет фоновое изображение документа?

Ответ:

&nbsp(1) <BODY BGCOLOR=. ..>&nbsp

&nbsp(2) <BODY LINK=...>&nbsp

&nbsp(3) <BODY TEXT...>&nbsp

&nbsp(4) <BODY BACKGROUND=...>&nbsp


Номер 2

Тэг <BODY> - это:

Ответ:

&nbsp(1) идентификатор заголовка окна просмотра&nbsp

&nbsp(2) идентификатор заголовка документа HTML &nbsp

&nbsp(3) идентификатор перевода строки &nbsp

&nbsp(4) идентификатор HTML-команд документа для просмотра &nbsp


Номер 3

Тег - это:

Ответ:

&nbsp(1) стартовый и конечный маркеры элемента &nbsp

&nbsp(2) текст, в котором используются спецсимволы &nbsp

&nbsp(3) указатель на другой файл или объект &nbsp

&nbsp(4) фрагмент программы, включённой в состав Web-страницы &nbsp


Номер 4

Отметьте верные утверждения:

Ответ:

&nbsp(1) порядок задания атрибутов для тега не имеет значения&nbsp

&nbsp(2) регистр букв для указания значения атрибутов имеет значение&nbsp

&nbsp(3) между символом < и наименованием тега можно использовать пробел&nbsp

&nbsp(4) в наименованиях тегов можно использовать русские буквы&nbsp


Номер 5

Какой тег позволяет указать кодировку символов (CHARSET)?

Ответ:

&nbsp(1) <LINK>&nbsp

&nbsp(2) <STYLE>&nbsp

&nbsp(3) <META>&nbsp

&nbsp(4) <OBJECT>&nbsp


Номер 6

Что означает dtd-описание документа<!doctype html public - //w3c//dtd html 4. 0 transitional//en>?

Ответ:

&nbsp(1) указывает файл скрипта&nbsp

&nbsp(2) указывает, что документ соответствует стандарту html 4.0&nbsp

&nbsp(3) указывает что файл является HTML-файлом&nbsp

&nbsp(4) начинает HTML-документ&nbsp


Главная / Интернет-технологии / HTML: основы / Тест 1

Тег HTML 5

Тег HTML используется для обозначения раздела основного содержимого HTML-документа. Тег body размещается между тегами и .

Обратите внимание, что атрибуты тега body больше не поддерживаются в HTML (ранее они считались устаревшими в HTML 4.01). Теперь вы должны использовать CSS для определения представления тела вашего документа. Например, см. CSS background-color 9.0004 и CSS text-decoration .

Демо

Атрибуты

Теги HTML могут содержать один или несколько атрибутов. Атрибуты добавляются к тегу, чтобы предоставить браузеру больше информации о том, как тег должен выглядеть или вести себя. Атрибуты состоят из имени и значения, разделенных знаком равенства (=), при этом значение заключено в двойные кавычки. Вот пример: style="color:black;" .

Существует 3 типа атрибутов, которые вы можете добавить к своим HTML-тегам: специфичные для элемента, глобальные атрибуты и атрибуты содержимого обработчика событий.

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

Специфичные для элемента атрибуты

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

HTML5 представил следующие обработчики событий, которые можно использовать с элементом (и элементом в HTML 4 и более ранних версиях).

Атрибут Описание
после печати Обработчик событий после печати
onbeforeprint Обработчик события beforeprint
onbeforeunload Обработчик события beforeunload
onhashchange Обработчик события hashchange
onmessage Обработчик события сообщения
onoffline Автономный обработчик событий
ononline Обработчик сетевых событий
onpagehide Обработчик событий pagehide
onpageshow Обработчик событий pageshow
onpopstate Обработчик события popstate
onstorage Обработчик событий хранилища
onunload Обработчик события выгрузки

Глобальные атрибуты

Следующие атрибуты являются стандартными для всех тегов HTML 5 (хотя 9Атрибут 0003 tabindex не применяется к диалоговым элементам ).

  • ключ доступа
  • автокапитализация
  • класс
  • редактируемый контент
  • данные-*
  • директор
  • перетаскиваемый
  • скрытый
  • идентификатор
  • режим ввода
  • это
  • идентификатор товара
  • элементпроп
  • Артикул
  • предметная область
  • тип изделия
  • язык
  • часть
  • слот
  • проверка правописания
  • стиль
  • tabindex
  • Название
  • перевод

Полное описание этих атрибутов см. в разделе Глобальные атрибуты HTML 5.

Атрибуты содержимого обработчика событий

Атрибуты содержимого обработчика событий позволяют вам вызывать сценарий из вашего HTML. Скрипт вызывается, когда происходит определенное «событие». Каждый атрибут содержимого обработчика событий имеет дело с другим событием.

  • прерывание
  • onauxclick
  • после печати
  • перед печатью
  • перед выгрузкой
  • размытие
  • при отмене
  • онканплей
  • oncanplaythrough
  • при смене
  • по клику
  • при закрытии
  • в контекстном меню
  • онкопия
  • при обмене
  • нарезной
  • ondblclick
  • ондраг
  • ондрагенд
  • Драгентер
  • ондрагзит
  • на накладке
  • ондраговер
  • ондрагстарт
  • впускной
  • ondurationchange
  • пустой
  • одноконцевой
  • при ошибке
  • онфокус
  • данные формы
  • onhashchange
  • на входе
  • недействительный
  • нажатие клавиши
  • нажатие клавиши
  • onkeyup
  • onlanguagechange
  • под нагрузкой
  • загруженные данные
  • загруженные метаданные
  • запуск при загрузке
  • в сообщении
  • ошибка сообщения
  • ввод с помощью мыши
  • на коврике для мыши
  • перемещение мыши
  • onmouseout
  • при наведении мыши
  • на мышке вверх
  • в автономном режиме
  • он-лайн
  • на страницескрыть
  • на странице показать
  • паста
  • пауза
  • в игре
  • в игре
  • onpopstate
  • в процессе
  • при изменении скорости
  • при сбросе
  • при изменении размера
  • при отклонении обработано
  • при прокрутке
  • нарушение политики безопасности
  • поиск
  • поиск
  • по выбору
  • onslotchange
  • установленный
  • на складе
  • при отправке
  • на подвесе
  • обновление по времени
  • нагрудник
  • необработанный отказ
  • при разгрузке
  • при изменении объема
  • в ожидании
  • на колесе

Полный список обработчиков событий см. в разделе Атрибуты содержимого обработчиков событий HTML 5.

Что нужно знать о теге тела

9999

Практические советы – 7 минут чтения

Прочитать позже

90 002 Тег Body — это важный элемент, содержащий все содержимое, отображаемое на веб-страница в браузере. Его нужно правильно заполнить, чтобы страница выглядела и успешно ранжировалась в поисковых системах.

Что такое тег Body

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

  • head — блок заголовков, содержащий техническую информацию, скрипты и метатеги, которые браузер не показывает пользователям в стандартном режиме просмотра. Исключением является метатег </strong>, определяющий заголовок страницы;</li><li> <strong> body </strong> — это все содержимое страницы, доступное пользователям.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/8/4/4/8441a8e9d834faead321cd0a4557d7c1.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/8/4/4/8441a8e9d834faead321cd0a4557d7c1.jpeg' /></noscript> <br/></li></ul><p data-readability-styled="true"> В документе HTML может быть только один тег<body>. Этот тег должен содержать качественный и уникальный контент, который пользователи находят интересным для успешной оптимизации веб-страницы. Однако необходимо убедиться, что он ни полностью, ни частично не дублирует содержание проекта или другого веб-сайта.</p><h3 field="title"/></h3><p> <strong> Где находится тег Body </strong> <br/></p><p> Вы можете просмотреть HTML-теги веб-страницы, щелкнув правой кнопкой мыши и выбрав «Просмотр исходного кода страницы»: <br/></p><p> Открывающий тег<head> расположен в начале страница: <br/></p><p> Открывающий тег<body> идет сразу после закрывающего тега</head>, завершая блок заголовков: <br/></p><h3 field="title"/></h3><p> <strong> Зачем нужен тег Body </strong> <br/></p><p data-readability-styled="true"> Тег<body> предназначен содержать весь контент и функционал для взаимодействия с пользователями; это заголовки, тексты, гиперссылки, баннеры, изображения, видео, контактные формы и многое другое.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/slideplayer.com/slide/6304819/21/images/13/Example+%3Chtml%3E+%3Cbody%3E.jpg' /><noscript><img loading='lazy' src='/800/600/http/slideplayer.com/slide/6304819/21/images/13/Example+%3Chtml%3E+%3Cbody%3E.jpg' /></noscript></p><p> Тег также может содержать JS-скрипты, выполняющие различные функции. В этом случае код помещается в теги . В HTML5 вам не нужно дополнительно указывать тип скрипта, так как по умолчанию это JavaScript. В устаревших версиях HTML JS-скрипты были реализованы так: <br/></p><p> Атрибуты и события, модифицирующие страницу, также могут быть добавлены в тег<body>. Например, вы можете добавить определенное сообщение, которое появляется при загрузке страницы или нажатии кнопки мыши. <br/></p><h3 field="title"/></h3><p> <strong> Атрибуты тега<body> </strong> <br/></p><p> К тегу можно добавить атрибуты, определяющие цветовую схему страницы, хотя предпочтительнее использовать селектор body в отдельном файле со стилями CSS: <br/></p><p> Использование некоторых атрибутов тега<body>, например, rightmargin и leftmargin, не рекомендуется спецификацией HTML и приведет к недопустимому коду. Некоторые атрибуты можно использовать с типом перехода <!DOCTYPE>: <br/></p><pre> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/images.myshared.ru/5/489572/slide_6.jpg' /><noscript><img loading='lazy' src='/800/600/http/images.myshared.ru/5/489572/slide_6.jpg' /></noscript> 01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> </pre><p> При использовании атрибутов в body вы можете сразу увидеть, как будет выглядеть страница после внесения изменений. Для этого в Google Chrome нужно щелкнуть правой кнопкой мыши по странице и выбрать «Просмотреть исходный код страницы», после чего браузер отобразится в режиме разработчика. <br/></p><h4 field="title"/></h4><p> <strong> Примеры использования атрибутов тега<body> </strong> <br/></p><ul><li> В этом примере используется атрибут bgcolor, определяющий цвет фона страницы. Исходный цвет фона страницы был изменен на черный с помощью этого атрибута:</li></ul><p data-readability-styled="true"> Цвет можно указать с помощью шестнадцатеричных кодов или имен, предусмотренных стандартом HTML;</p><ul><li> изменение цвета текста на странице с помощью атрибута text:</li></ul><ul><li> изменение фонового изображения с помощью атрибута background:</li></ul><p> Путь к файлу может использоваться как в относительной, так и в абсолютной форме.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/cf3.ppt-online.org/files3/slide/4/4UwtAsd7Bf06Woje1QY8rPJZGRhIyXunzkHLvC/slide-17.jpg' /><noscript><img loading='lazy' src='/800/600/http/cf3.ppt-online.org/files3/slide/4/4UwtAsd7Bf06Woje1QY8rPJZGRhIyXunzkHLvC/slide-17.jpg' /></noscript> Относительный путь более предпочтителен, так как дает более короткие ссылки, а также устраняет проблемы при смене домена. При этом все ссылки останутся в работе, в отличие от варианта с абсолютным адресом, при котором после смены домена гиперссылки станут битыми. <br/></p><h3 field="title"/></h3><p> <strong> Можно ли добавить метатеги к тегу body? </strong> <br/></p><p data-readability-styled="true"> Например, метатеги <robots> и <description> должны быть помещены в раздел заголовка документа, который является тегом заголовка. Метатеги предназначены для предоставления служебной информации о документе, которая не отображается в теле документа.</p><p> Попытки использовать метатег в теле делают код недействительным с точки зрения спецификации HTML и могут нарушить разметку документа.</p><p> В некоторых случаях при неправильном размещении метатегов в теле страницы они могут быть автоматически перенесены браузером в раздел head и документ будет отображаться корректно. Однако желательно создать корректную разметку и добавить метатеги только в заголовок, а не в основное содержимое страницы.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/drupalfly.ru/sites/default/files/styles/large_teaser/public/separator3.png?itok=CzWFD0qw' /><noscript><img loading='lazy' src='/800/600/http/drupalfly.ru/sites/default/files/styles/large_teaser/public/separator3.png?itok=CzWFD0qw' /></noscript> <br/></p><h3 field="title"/></h3><p> <strong> Заключение </strong> <br/></p><p> Тело<body> является необязательным элементом в спецификации HTML5, но его использование на веб-страницах удобно для различения служебной информации и контента сайта. Это также полезно для создания стилей страницы в файле CSS. <br/></p><p> Вы должны заполнить тег<body> уникальным контентом, который будет интересен пользователям и который будет полностью соответствовать требованиям целевой аудитории.</p><p> Этот тег может содержать информацию в различных форматах и ​​формах: текст, мультимедийный контент и скрипты, которые делают страницу интерактивной.</p><p> Вы должны использовать атрибуты тега<body> с осторожностью, поскольку многие из них противоречат спецификации HTML, а их применение приводит к недопустимой разметке.</p><p> Не помещайте метатеги в тег<body>, поскольку они нарушают правила спецификации HTML.</p><p> Эта статья является частью инструмента Serpstat «Аудит сайта»</p><p data-readability-styled="true"> » title = «Что такое тег Body и что в нем должно быть 16261788343128» /></p><p> Аудит всего сайта или страницы в один клик.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/cf.ppt-online.org/files/slide/p/PCl6aqNvbfJQkVRt0pZB9zmW5oThYnOL7ySDHr/slide-15.jpg' /><noscript><img loading='lazy' src='/800/600/http/cf.ppt-online.org/files/slide/p/PCl6aqNvbfJQkVRt0pZB9zmW5oThYnOL7ySDHr/slide-15.jpg' /></noscript> Полный список ошибок, отсортированный по серьезности, способы их решения и рекомендации Любая периодичность проверки и автоматические отчеты по электронной почте <br/></p><table class="table table-hover"><tr><td> Запустить аудит сайта</td></tr></table><h4><span class="ez-toc-section" id="_Serpstat"> Ускорьте рост вашего поискового маркетинга с Serpstat! </span></h4><p> Возможности ключевых слов и обратных ссылок, онлайн-стратегия конкурентов, ежедневный рейтинг и вопросы, связанные с SEO.</p><p> Набор инструментов для сокращения вашего времени на SEO-задачи.</p><p data-readability-styled="true"> Получить бесплатную 7-дневную пробную версию</p><p> Оцените статью по пятибалльной шкале</p><p> Статью уже оценили в среднем 1 человек 5 из 5</p><p> Нашли ошибку? Выберите его и нажмите Ctrl + Enter, чтобы сообщить нам</p><p/><h3><span class="ez-toc-section" id="_SEO"> Откройте для себя больше инструментов SEO </span></h3><p> Инструменты для ключевых слов</p><p> Инструменты исследования ключевых слов – раскройте неиспользованный потенциал в вашей нише</p><p> Будьте впереди</p><p> Проверка страницы для SEO</p><p> Проверка SEO на странице — выявляйте технические проблемы, оптимизируйте и привлекайте больше трафика на ваш сайт0009<p/><h4><span class="ez-toc-section" id="i-7"> Рекомендуемые сообщения </span></h4><p data-readability-styled="true"> Как сделать</p><p data-readability-styled="true"> Денис Кондак</p><p> Как уменьшить размер страницы на вашем сайте</p><p data-readability-styled="true"> Как сделать</p><p data-readability-styled="true"> Денис Кондак</p><p> Какие страницы следует закрыть от индексации в Google</p><p data-readability-styled="true"> How-to</p><p data-readability-styled="true"> Денис Кондак</p><p> Какая информация должна быть на сайте интернет-магазина</p><p> Кейсы, лайфхаки, исследования, полезные статьи</p><p> Нет времени следить за новостями? Не беспокойся! Наш редактор подберет статьи, которые обязательно помогут вам в работе.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i.ytimg.com/vi/noJroHdhHuI/hqdefault.jpg' /><noscript><img loading='lazy' src='/800/600/http/i.ytimg.com/vi/noJroHdhHuI/hqdefault.jpg' /></noscript></div><div class="post-meta"></div></article><nav class="navigation post-navigation" aria-label="Записи"><h2 class="screen-reader-text">Навигация по записям</h2><div class="nav-links"><div class="nav-previous"><a href="https://xn--80aahvkuapc1be.xn--p1ai/raznoe/reklamodatel-reklamodateli-industriya-reklamy.html" rel="prev"><span class="meta-nav">Предыдущая запись</span> Рекламодатель: Рекламодатели – Индустрия рекламы</a></div><div class="nav-next"><a href="https://xn--80aahvkuapc1be.xn--p1ai/raznoe/raskryvayushhijsya-spisok-eto-raskryvayushhijsya-spisok-komponenty-kontur-gajdy.html" rel="next"><span class="meta-nav">Следующая запись</span> Раскрывающийся список это: Раскрывающийся список — Компоненты — Контур.Гайды</a></div></div></nav><div id="comments" class="comments-area"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe/teg-body-eto-atribut-bgcolor-htmlbook-ru.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://xn--80aahvkuapc1be.xn--p1ai/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p><p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='46419' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></main></div></div><div class="col-md-4"><div id="sidebar" class="sidebar"><div id="search-9" class="widget widget_search"><form role="search" method="get" class="form-search" action="https://xn--80aahvkuapc1be.xn--p1ai/"><div class="input-group"> <label class="screen-reader-text" for="s">Поиск:</label> <input type="text" class="form-control search-query" placeholder="Поиск и помощь" value="" name="s" title="Поиск:" /> <span class="input-group-btn"> <button type="submit" class="btn btn-default" name="submit" id="searchsubmit" value="Найти"><i class="fa fa-search"></i></button> </span></div></form></div><div id="categories-10" class="widget widget_categories"><div class="widget-title"><span>Рубрики</span></div><ul><li class="cat-item cat-item-8"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/seo">Seo</a></li><li class="cat-item cat-item-4"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/wordpress">Wordpress</a></li><li class="cat-item cat-item-6"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/dizajn">Дизайн</a></li><li class="cat-item cat-item-7"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/zarabotok">Заработок</a></li><li class="cat-item cat-item-9"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/plagin">Плагин</a></li><li class="cat-item cat-item-3"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/raznoe">Разное</a></li><li class="cat-item cat-item-15"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/rekomendac">Рекомендац</a></li><li class="cat-item cat-item-5"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/sajt">Сайт</a></li><li class="cat-item cat-item-1"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/sovety">Совет</a></li><li class="cat-item cat-item-12"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/sovet">Советы</a></li><li class="cat-item cat-item-13"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/tem-2">Тем</a></li><li class="cat-item cat-item-10"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/tem">Темы</a></li><li class="cat-item cat-item-14"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/urok-2">Урок</a></li><li class="cat-item cat-item-11"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/urok">Уроки</a></li></ul></div></div></div></div></div></div><footer class="mz-footer" id="footer"><div class="container footer-inner"><div class="row row-gutter"></div></div><div class="footer-wide"></div><div class="footer-bottom"><div class="site-info"> © Орфографика.рф, 2010 - 2019</div> Расшифровки, размещенные на сайте, предназначены только для личного, некоммерческого использования.<br> При перепосте материалов обязательна активная ссылка: «Текст подготовлен компанией Орфографика.рф». <br>Вопросы и предложения: info@орфографика.рф.</div></footer></div><p id="back-top"> <a href="#top"><i class="fa fa-angle-up"></i></a></p> <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://xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <!-- noptimize --> <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> <!-- /noptimize --> <script defer src="https://xn--80aahvkuapc1be.xn--p1ai/wp-content/cache/autoptimize/js/autoptimize_94670d922e034a07d087806cb243d745.js"></script></body></html>