Html документ как создать: Создание HTML документа (файла). Смена расширения файла

Создание HTML документа (файла). Смена расширения файла

HTML документ — это обычный текстовой файл c расширением .html, который содержит HTML-код. HTML документ иначе ещё называют HTML файлом.

Чтобы из обычного текстового файла (с расширением .txt) сделать HTML документ, нужно сменить расширение с .txt на .html.

Открыть файл, сохраненный с расширением .html, для просмотра в браузере можно двумя способами:

Windows

  1. Кликнуть по нему два раза левой кнопкой мыши, в этом случае HTML документ откроется в том браузере, который выбран по умолчанию.
  2. Кликнуть по нему ПКМ → навести курсор на открыть с помощью... → выбрать нужный браузер.

При получении HTML документа браузер будет отображать его в виде веб-страницы (веб-страница — это то, что отображается в окне браузера). Рассмотрим это на примере. Создадим HTML-документ и расположим в нём следующий HTML-код:


<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Заголовок</title>
  </head>
  <body>
    <h2>Мой первый заголовок</h2>
    <p>Мой первый абзац</p>
  </body>
</html>

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

Чтобы отредактировать код HTML документа, нажимаем на него ПКМ → наводим курсор на открыть с помощью... → и выбираем нужный редактор, если в списке нет нужного редактора, жмём Выбрать программу... и выбираем нужный редактор. Некоторые редакторы (для примера возьмем notepad++) можно выбрать прямо в контекстном меню, нажав по документу ПКМ и выбрав сверху Edit with Notepad++ (редактировать с помощью notepad++).

Windows:

  1. В открытом редакторе (или в обычном текстовом документе) нажимаем файл → выбираем сохранить как → внизу в текстовом поле имя файла: напишем к примеру так: mypage.html → жмём сохранить. Всё, HTML документ создан.
  2. Кликаем правой кнопкой мыши (ПКМ) на текстовом файле → выбираем переименовать и меняем расширение с . txt на .html. Чтобы воспользоваться данным способом, нам надо сделать так, чтобы по умолчанию у всех файлов были доступны их расширения, делается это следующим образом: открываем Панель управления → выбираем Параметры папок (в Windows 10 данный пункт называется Параметры проводника) → вкладка Вид → прокручиваем в самый низ и убираем галочку на
    Скрывать расширения для зарегистрированных типов файлов
    .

С этой темой смотрят:

  • Как браузер получает веб-страницы?
  • Введение в html
  • Структура html-документа

Как создать файл HTML.

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

Давайте приступим к практическим действиям и прямо сейчас создадим свой первый HTML-файл.

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

Для тех, кто любит видео:

Все мои уроки по HTML и верстке сайтов здесь.

Первый способ, который мы рассмотрим по созданию файла HTML — это способ создания файла в простом текстовом редакторе.

Способ 1. Создаем файл html в программе «Блокнот».

Откройте любой текстовый редактор, например, редактор «Блокнот», который входит в состав операционной системы Windows. Найти эту программу можно через главное меню Пуск -> Все программы ->Стандартные -> Блокнот.

В главном меню программы выбираем «Файл-Сохранить как».


И сохраняем текстовый файл с расширением *.txt.

Теперь нужно поменять расширение этого файла с *.txt на *.html.

Если у Вас не отображается расширение файлов, вот заметка:

Как включить отображение расширений файлов в Windows.

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

Только что мы с вами создали свой первый HTML-файл, который уже можем заполнять содержимым.

Аналогично html-файл создается с помощью программы Notepad++.

Но, пользоваться таким способом не всегда бывает удобно и, как видите, это не самый быстрый способ по созданию html-файлов. Есть программы, которые позволяют решить эту проблему намного быстрее.

Одной из таких программ является универсальный редактор кода Dreamweaver.

Способ 2. Создание файла HTML в универсальном редакторе кода (на примере Dreamweaver).

После того, как программа загрузиться появляется следующее окно приветствия:


Все, что нужно сделать, это выбрать в этом окне, в разделе «Создать», файл HTML.

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

Это обязательный код, который должен присутствовать на веб-странице о нем мы еще поговорим. Dreamweaver добавляет этот код автоматически, что экономит нам время.

Теперь, для того, чтобы этот файл появился на жестком диске, его нужно сохранить. Делается это через меню «Файл – Сохранить как…»


Далее выбираете место, где должен будет находиться этот файл, и нажимаете на кнопку сохранить.

Обратите внимание, чтобы при сохранении вы случайно не убрали расширение html, которое присваивается файлу.

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

Все мои уроки по HTML и верстке сайтов здесь.

КАК: Создание и редактирование документа HTML с помощью Microsoft Word 2002

В ЭТОМ ЗАДАЧЕ

  • КРАТКОЕ СОДЕРЖАНИЕ

    • org/ListItem»>

      Создайте свой HTML-документ

    • Добавьте текст и гиперссылки в ваш HTML-документ

    • Добавьте изображение в свой HTML-документ

    • Открытие HTML-документа в Word

  • ИСПОЛЬЗОВАННАЯ ЛИТЕРАТУРА

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

Создайте свой HTML-документ

Используйте один из следующих двух методов для создания нового HTML-документа.

Метод 1

  1. Запустите Microsoft Word.

  2. В области задач «Новый документ» щелкните Пустая веб-страница в разделе «Создать».

  3. В меню «Файл» выберите «Сохранить».

    ПРИМЕЧАНИЕ. В поле Сохранить как тип по умолчанию используется веб-страница (*. htm; *.html).

  4. В поле Имя файла введите имя файла документа, а затем нажмите кнопку Сохранить.

Метод 2

  1. Запустите Microsoft Word.

  2. Создать новый пустой документ.

  3. В меню «Файл» выберите «Сохранить как веб-страницу».

  4. org/ListItem»>

    В поле Имя файла введите имя файла документа, а затем нажмите кнопку Сохранить.

Добавление текста и гиперссылок в HTML-документ
  1. Откройте HTML-документ, созданный ранее в этой статье. Для этого выполните следующие действия:

    1. В меню «Файл» выберите «Открыть».

    2. Перейдите к папке, в которой вы сохранили свою статью, в разделе «Создание HTML-документа» этой статьи.

    3. Выберите файл и нажмите «Открыть».

  2. Введите в документ следующий текст:

    Вы можете использовать Microsoft Word для создания HTML-документов так же легко, как и обычные документы Word.

  3. Чтобы создать гиперссылку, выберите слова «Microsoft Word» в набранном тексте.

  4. В меню «Вставка» выберите «Гиперссылка».

  5. В диалоговом окне «Вставка гиперссылки» введите http://www. microsoft.com/word в поле «Адрес» и нажмите «ОК».

  6. Сохраните изменения в документе.

Добавьте изображение в ваш HTML-документ
  1. Поместите точку вставки там, где вы хотите разместить изображение в документе.

  2. В меню «Вставка» выберите пункт «Изображение», а затем нажмите «КлипАрт».

  3. В области задач «Вставка клипа» нажмите «Поиск».

    ПРИМЕЧАНИЕ. Если нажать кнопку «Поиск», не вводя ничего в поле «Текст поиска», в результатах поиска будут отображаться все изображения, доступные в настоящее время в вашей системе.

  4. В разделе «Результаты» выберите изображение, которое вы хотите вставить на страницу.

  5. Сохраните изменения и закройте документ.

Открытие HTML-документа в Word

Выполните одно из следующих действий.

Если область задач «Новый документ» все еще отображается:

В области задач «Новый документ» выберите документ под номером . Откройте документ . Это открывает документ напрямую.

-или-

Если область задач «Новый документ» не отображается:

    org/ItemList»>
  1. В меню «Файл» выберите «Открыть».

  2. В диалоговом окне «Открыть» найдите созданный ранее HTML-документ и выберите его.

  3. Нажмите Открыть.

ССЫЛКИ

Для получения дополнительных сведений о поддержке HTML в Word 2002 выполните следующие действия:

  1. Откройте Microsoft Word 2002.

  2. org/ListItem»>

    В меню Справка выберите Справка Microsoft Word.

  3. Перейдите на вкладку Мастер ответов.

  4. Введите HTML в поле Что бы вы хотели сделать? , а затем щелкните Поиск.

  5. Отображаются связанные темы. Щелкните любой элемент, чтобы отобразить информацию.

Резюме

1. Создание вашего первого HTML-документа

1. Создание вашего первого HTML-документа
Написание HTML | О | Часто задаваемые вопросы | Выпускники | ссылки | Теги | Уроки | предыдущий | следующий | Вы собираетесь отправиться в путешествие, которое превратит вас из от простого интернет-серфера Интернета до интернет-автор мультимедиа!

Цели

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

Урок

Теперь, когда вы знаете, что такое HTML, давайте начнем его использовать.
(Быстрый тест — что означают эти буквы? Если бы вы читали предыдущий урок, вы бы знали!).

Что такое теги HTML?

Когда веб-браузер отображает страницу, подобную той, которую вы сейчас читаете, она читает из обычного текстового файла и ищет специальные коды или «теги», которые отмечены знаками < и >. Общий формат HTML тег:
 строка текста
 
Например, в заголовке этого раздела используется тег заголовка:
  

Что такое теги HTML?

Этот тег указывает веб-браузеру отображать текст Что такое HTML теги? в стиле заголовка уровня 3 (об этих тегах мы узнаем позже). Теги HTML могут сообщить веб-браузер, чтобы выделить текст жирным шрифтом, выделить его курсивом, сделать его заголовком или сделать это может быть гипертекстовая ссылка на другую веб-страницу. Важно отметить, что конечный тег,
 
 
содержит символ косой черты «/». Эта косая черта «/» указывает веб-браузеру прекратить помечать текст тегами. Много HTML теги спарены таким образом. Если вы забыли косую черту, веб-браузер продолжит тег для остального текста в вашем документе, производя нежелательные результаты (в качестве эксперимента вы можете попробовать это позже).
ПРИМЕЧАНИЕ. Веб-браузеру все равно, используете ли вы верхний или нижний регистр. Например,

ничем не отличается от

В отличие от компьютерного программирования, если вы сделаете опечатку в HTML, вы не получить «бомбу» или «сбой» системы; ваша веб-страница будет просто выглядеть, ну… неправильный. Быстро и легко зайти внутрь HTML и внести изменения.

В вашем браузере небольшой, но открытый словарный запас! Интересным аспектом HTML является то, что если браузер не знает, что делать с данным тегом, он его проигнорирует! Например, в этом документе, который вы просматриваете, тег заголовка для этого раздела на самом деле выглядит так:

  

Что такое теги HTML?

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

Открытие рабочего пространства

Чтобы выполнить уроки в этом руководстве, вы должны создать второе веб-окно (это позволяет вам сохранить это окно с инструкциями к уроку и одно окно в качестве «рабочей области»), а также открыть текстовый редактор. приложение в третьем окне.
ПРИМЕЧАНИЕ. Это хорошее место, чтобы напомнить вам, что мы предоставим несколько общих инструкций, поскольку названия меню и имена файлов могут различаться в зависимости от того, какой веб-браузер вы используете.

Таким образом, вы захотите, чтобы вам было довольно удобно прыгать между различными приложениями и окнами. на твоем компьютере. Другой вариант — распечатайте инструкции к уроку (но мы действительно не хотим пропагандировать резню деревьев).

Вот шаги для настройки вашего рабочего пространства:

  1. В меню Файл веб-браузера выберите Новое окно или Новый веб-браузер . Должно появиться второе веб-окно. Думайте о первом окне как о своем «учебник» и второе окно клона как ваше «рабочее пространство» для завершение уроков HTML.
    ПРИМЕЧАНИЕ: Единственная причина иметь здесь два окна — это то, что вы можете читать инструкции к урокам, а также просматривать свой рабочий документ. Вы также можете добавить эту веб-страницу в закладки и вернуться сюда с помощью Перейти или История меню.
  2. Далее вам нужно выйти из веб-браузера и открыть программу текстового редактора.
    ПРИМЕЧАНИЕ. Вам нужно будет перемещаться вперед и назад между другой окна, чтобы завершить эти уроки. Это может быть проблемой в зависимости от размера вашего монитора. Вы можете изменить размер трех окна, чтобы все они поместились на экране, или расположите окна так, чтобы Вы можете нажать на любой из них, чтобы вывести его на передний план.

    Если вы используете программу текстового процессора для создания HTML, обязательно сохраните в формате простого текста (или ASCII).

Если вы только начинаете, мы НАСТОЯТЕЛЬНО рекомендуем вам используйте самый простой из доступных текстовых редакторов — SimpleText или TeachText для Macintosh или Windows NotePad . Почему бы не использовать эти изящные HTML-редакторы? Это разумный учебный план, в котором вы сначала изучаете концепции, а ЗАТЕМ ищете ярлыки или помощников, которые сделают работу менее утомительной.

Также вам поможет, если вы сначала создадите новый каталог/папку на своем компьютере, который будет вашей рабочей областью. Вы можете назвать это рабочей областью или myspace или как угодно; просто убедитесь, что вы храните все файлы, которые вы создаете, в этой одной области. Это сделает вашу жизнь проще… ну, по крайней мере, пока вы работаете над этим уроком!

Создание HTML-документа

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

Базовая структура любой HTML-страницы такова:

  
  
  <голова>
  
  
  <тело>
  
  
          : :
          : :
          : :
  
   
Самая первая строка:
  2//EN"> 
технически не требуется, но является кодом, который сообщает браузеру, для какой версии HTML написана текущая страница. Дополнительные сведения см. в справочной спецификации W3C.

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

Это хорошая привычка, как чистить зубы.

Также обратите внимание на теги комментариев , заключенные в . Текст между тегами НЕ отображается на веб-странице, но предназначен для размещения информации, которая может быть полезна вам или кому-либо еще, кто может просмотреть HTML-код, стоящий за веб-страницей. Когда ваши веб-страницы станут сложными (как вы увидите, когда мы перейдем к таблицам, фреймам и другим забавным вещам примерно через 20 уроков!), комментарии будут очень полезны, когда вам нужно обновить страницу, которую вы, возможно, создали давным-давно. .

Вот шаги для создания вашего первого файла HTML. Вы готовы?

  1. Если он еще не открыт, запустите программу текстового редактора.
  2. Перейти в окно текстового редактора.
  3. Введите следующий текст (не обязательно нажимать RETURN при конец каждой строки; веб-браузер будет переносить весь текст по словам):
         
         
         <голова>
         Вулканическая сеть
         
         
         <тело>
         На этом уроке вы будете использовать Интернет для поиска
         информацию о вулканах, а затем написать отчет о
         ваши результаты.
         
         
     
    ПРИМЕЧАНИЕ. Посмотрите, где находится тег. Он находится в части… и поэтому не будет видны на экране. Что оно делает? Тег используется для уникальной идентификации каждого документа, а также отображается в строке заголовка документа.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.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/e/6/0/e602b6306d400d0ca6452f2bf114e210.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/e/6/0/e602b6306d400d0ca6452f2bf114e210.jpeg' /></noscript> окно браузера. </b><p> На третьем уроке вы узнаете, как добавьте заголовок, который будет отображаться непосредственно на вашей веб-странице.</p><p> Также обратите внимание, что мы вставили тег комментария, в котором указано имя автора и дата создания документа. Вы можете написать что угодно между тегами комментариев, но это видно только тогда, когда вы смотрите на исходный HTML-код веб-страницы.</p></blockquote></li><li> Сохраните документ как файл с именем «Volc.html» и храните его в папку/каталог «рабочей области», которую вы создали для этого руководства. Кроме того, если вы используете программу текстового процессора для создания своего HTML, обязательно сохраните его в формате обычного текста (или ASCII).<blockquote> <b> ПРИМЕЧАНИЕ. Для пользователей Windows 3.1 вам <i> необходимо сохранить все файлы HTML с именами, заканчивающимися на .HTM, поэтому в этом случае ваш файл должен быть VOLC.HTM. Не волнуйтесь! Ваш веб-браузер достаточно умен, чтобы знать, что файл с именем, оканчивающимся на .<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/fuzeservers.ru/wp-content/uploads/6/d/3/6d34d6be238715c8a248b2b63174bf4d.jpeg' /><noscript><img loading='lazy' src='/800/600/http/fuzeservers.ru/wp-content/uploads/6/d/3/6d34d6be238715c8a248b2b63174bf4d.jpeg' /></noscript> HTM, является файлом HTML. </b><p> Вы можете создавать файлы с такими именами, как VOLC.HTML, если вы используете Windows95 или Windows NT.</p></blockquote> Используя это расширение имени файла, веб-браузер будет знать, что нужно читать этот текст. файлы в формате HTML и правильно отображать веб-страницу.</li></ol><h4><span class="ez-toc-section" id="i-8"> Отображение документа в веб-браузере </span></h4><ol><li> Вернитесь в окно веб-браузера, которое вы используете для своего рабочего пространства. (Если у вас еще не открыто второе окно браузера, выберите <b> Новое окно </b> или <b> Новый браузер </b> в окне <b> Файл </b>.)</li><li> Выберите <b> Открыть файл… </b> в меню <b> Файл </b>.</li><li> Используйте диалоговое окно, чтобы найти и открыть созданный файл, «Volc.html»</li><li> Теперь вы должны увидеть в строке заголовка окна рабочей области текст «Вулканическая сеть», а на веб-странице ниже одно предложение текста<body>, которое вы написали: «В этом уроке…»</li></ol><hr/><h3><span class="ez-toc-section" id="i-9"> Проверьте свою работу </span></h3> Сравните свой документ с образцом того, как должен выглядеть этот документ.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.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/6/653707/slide_4.jpg' /><noscript><img loading='lazy' src='/800/600/http/images.myshared.ru/6/653707/slide_4.jpg' /></noscript> После просмотра образца используйте <b> назад </b> кнопку в веб-браузере, чтобы вернуться на эту страницу.<p> Если ваш документ отличается от образца, просмотрите текст, который вы ввели в текстовом редакторе.</p><p> Самая распространенная ошибка: «Я не вижу заголовок!» Вы не должны! Текст внутри тега<title>… отображается как , а не как . на веб-странице; вы должны увидеть его в строке заголовка окна веб-браузера.

    Обзор тем

    1. Что такое теги HTML?
    2. Где отображается текст тега заголовка?
    3. Какие шаги необходимо выполнить для создания простого HTML-документа?
    4. Как создать тег комментария?
    5. Как можно отобразить HTML-документ в веб-браузере?

    Независимая практика

    Придумайте тему для своей веб-страницы. Теперь создайте свой собственный HTML текстовый файл, содержащий тег и несколько вводных предложения. Сохраните HTML-файл и перезагрузите его в веб-браузере. Возможно, вы захотите создать другую папку/каталог для этого файла, чтобы не перепутать его со всеми страницами вулкана, которые вы создадите для этого урока.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.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/6/c/86c0c5399572dea25be44245bbc9e4fe.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/8/6/c/86c0c5399572dea25be44245bbc9e4fe.jpeg' /></noscript></div></div></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--90abhccf7b.xn--p1ai/raznoe/bystryj-sposob-zarabotat-dengi-bez-vlozhenij-v-internete-luchshie-sposoby-zarabotka-v-internete.html" rel="prev">Быстрый способ заработать деньги без вложений в интернете: Лучшие способы заработка в интернете</a></div><div class="nav-next"><a href="https://xn--90abhccf7b.xn--p1ai/raznoe/znak-u-chto-oboznachaet-etot-znak-u-v-algebre.html" rel="next">Знак u: Что обозначает этот знак U в алгебре</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="/html/html-dokument-kak-sozdat-sozdanie-html-dokumenta-fajla-smena-rasshireniya-fajla.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://xn--90abhccf7b.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='64893' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></main></div><div id="sidebar-primary" class="widget-area sidebar " role="complementary"><div class="sidebar-main"><div id="yandex_rtb_R-A-744004-7" class="yandex-adaptive classYandexRTB"></div> <script type="text/javascript"> window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo: "yandex_rtb_R-A-744004-7",blockId: "R-A-744004-7",pageNumber: 11,onError: (data) => { var g = document.createElement("ins"); g.className = "adsbygoogle"; g.style.display = "inline"; g.style.width = "300px"; g.style.height = "600px"; g.setAttribute("data-ad-slot", "9935184599"); g.setAttribute("data-ad-client", "ca-pub-1812626643144578"); g.setAttribute("data-alternate-ad-url", "https://chajnov.ru/back.php"); document.getElementById("yandex_rtb_[rtbBlock]").appendChild(g); (adsbygoogle = window.adsbygoogle || []).push({}); }})}); window.addEventListener("load", () => { var ins = document.getElementById("yandex_rtb_R-A-744004-7"); if (ins.clientHeight == "0") { ins.innerHTML = stroke2; } }, true); </script><section id="search-2" class="widget widget_search"><div class="zita-widget-content"><form role="search" method="get" id="searchform" action="https://xn--90abhccf7b.xn--p1ai/"><div class="form-content"> <input type="text" placeholder="search.." name="s" id="s" value=""/> <input type="submit" value="Search" /></div></form></div></section><section id="nav_menu-4" class="widget widget_nav_menu"><div class="zita-widget-content"><h2 class="widget-title">Рубрики</h2><div class="menu-2-container"><ul id="menu-2" class="menu"><li id="menu-item-19021" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19021"><a href="https://xn--90abhccf7b.xn--p1ai/category/css">Css</a></li><li id="menu-item-19022" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-19022"><a href="https://xn--90abhccf7b.xn--p1ai/category/html">Html</a></li><li id="menu-item-19023" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19023"><a href="https://xn--90abhccf7b.xn--p1ai/category/js">Js</a></li><li id="menu-item-19024" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19024"><a href="https://xn--90abhccf7b.xn--p1ai/category/adaptiv">Адаптивный сайт</a></li><li id="menu-item-19025" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19025"><a href="https://xn--90abhccf7b.xn--p1ai/category/verstk">Верстка</a></li><li id="menu-item-19026" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19026"><a href="https://xn--90abhccf7b.xn--p1ai/category/idei">Идеи</a></li><li id="menu-item-19028" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19028"><a href="https://xn--90abhccf7b.xn--p1ai/category/chego-nachat">С чего начать</a></li><li id="menu-item-19029" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19029"><a href="https://xn--90abhccf7b.xn--p1ai/category/sovety">Советы</a></li><li id="menu-item-19031" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19031"><a href="https://xn--90abhccf7b.xn--p1ai/category/shablon">Шаблоны</a></li><li id="menu-item-19027" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19027"><a href="https://xn--90abhccf7b.xn--p1ai/category/raznoe">Разное</a></li></ul></div></div></section></div></div></div></div><footer id="zita-footer"><div class="footer-wrap widget-area"><div class="bottom-footer"><div class="bottom-footer-bar ft-btm-one"><div class="container"><div class="bottom-footer-container"> © Компания <a href="http://вебджем.рф"> Вебджем.рф </a> 2009 - 2024 | Все права защищены.</a></div></div></div></div></div></footer> <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--90abhccf7b.xn--p1ai/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> </body></html>