- Редактор кода
- Что такое HTML-документ?
- Как изменить расширение файла?
- Что такое веб-страница?
Рассмотрим, что такое HTML-документ, как его создать, что такое веб-страница, что такое веб-сайт и какие инструменты используют для веб-разработки (в данном случае для написания HTML-кода).
Начнём с инструментов, которыми будем пользоваться. Для написания и работы с HTML-кодом, а также для просмотра того, что у нас получилось в результате, нам понадобятся всего две вещи: текстовой редактор и браузер (желательно несколько разных).
Редактор кода
HTML-код можно писать и в обычном текстовом документе, однако это менее удобно, чем использование специальных редакторов для написания кода. Редакторы кода существенно упрощают написание кода. Эти инструменты предоставляют функции подсветки синтаксиса, автодополнения кода и другие полезные возможности, которые упрощают процесс разработки.
Ниже представлены редакторы, которые заслуживают вашего внимания и могут пригодиться начинающим (и не только):
- Notepad++. Бесплатный, простой, универсальный. Это очень быстрый и функциональный текстовой редактор, который прекрасно подходит для редактирования кода.
- Sublime Text. Условно бесплатный, простой, универсальный. Этот редактор похож на Notepad++, но обладает бо́льшим функционалом по умолчанию.
- Visual Studio Code (VS Code). Бесплатный, простой, универсальный. Один из лучших редакторов, лёгкий, быстрый и с большим функционалом. Кроме того, базовую функциональность можно дополнить при помощи плагинов.
Существует и множество других хороших редакторов. Попробуйте разные и выберите для себя тот, который вам больше понравится. Выбор редактора, как и любого другого инструмента, сугубо индивидуален и зависит от ваших личных предпочтений.
Что такое HTML-документ?
HTML-документ — это обычный текстовой файл с расширением .html, содержащий код, написанный на языке HTML. HTML-документ также называют HTML-файлом.
Чтобы из обычного текстового файла (с расширением .txt) сделать HTML-документ, нужно изменить расширение файла с .txt на .html.
Как изменить расширение файла?
Рассмотрим, как сменить расширение файла в операционной системе Windows 10 и выше.
По умолчанию расширения файлов в Windows не видны, поэтому, для начала, сделаем так, чтобы у всех файлов стали видны их расширения. Открываем любую папку → сверху выбираем вкладку Вид → ставим галочку на Расширения имен файлов.
Теперь мы можем легко изменить расширение файла: кликаем правой кнопкой мыши на текстовом файле → выбираем в меню пункт Переименовать и меняем расширение с .txt на .html. Таким же образом сменить расширение файлу можно сразу при создании текстового документа.
В Linux‑дистрибутивах всё гораздо проще. Здесь расширения файлов отображаются всегда.
Что такое веб-страница?
Веб-страница — это HTML-документ, который отображается в окне браузера. Для краткости обычно говорят просто страница
.
Для примера создадим HTML-файл и затем откроем его в браузере.
1) Создаём текстовой документ и сразу меняем ему расширение на .html. В этом случае, при открытии файла в редакторе кода, HTML-код будет сразу с подсветкой (как в примере кода ниже).
2) Открываем созданный HTML-файл в редакторе кода и вставляем туда следующий код:
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Заголовок страницы</title>
</head>
<body>
<h1>Привет, Мир!</h1>
</body>
</html>Сохраняем изменения в файле.
3) Теперь откроем этот HTML-файл в браузере. Открыть HTML-файл в браузере очень легко: нужно просто кликнуть по нему два раза левой кнопкой мыши. В результате в окне браузера откроется страница с таким содержимым:
Итак, осталось рассмотреть, что называют веб-сайтом.
Веб-сайт — это коллекция веб-страниц (одна или более), объединённых под одним именем (доменом). Для краткости обычно говорят просто сайт
.
Все способы:
- Способ 1: Текстовый редактор
- Способ 2: Сторонние программы
- Способ 3: Онлайн-редакторы HTML
- Способ 4: Онлайн-конвертеры
- Вопросы и ответы: 0
Способ 1: Текстовый редактор
Файл HTML, по сути, является простым текстовым документом с соответствующим расширением, содержащим теги – специальные элементы, указывающие браузеру, как следует отображать содержимое документа. HTML-файл может вообще не содержать тегов, и при этом он все равно станет открываться браузером, правда, в последнем случае его содержимое будет неупорядоченно. Создать файл HTML в Windows 10 очень просто.
- Создайте «Блокнотом» или любым другим текстовым редактором текстовый файл и дайте ему произвольное название на английском языке, например index.
- Откройте файл текстовым редактором и вставьте в него следующий код:
<!doctype html>
<html>
<head>
<title>Заголовок</title>
</head>
<body>
<p>Текстовый контент</p>
</body>
</html> - Выберите в меню «Файл» опцию «Сохранить как».
- Измените расширение сохраняемого файла на HTML, тип файла выставьте «Все файлы» и нажмите «Сохранить».
Простейшая веб-страница создана, откройте ее любым браузером.
Способ 2: Сторонние программы
Профессиональные верстальщики используют для создания файлов HTML специальные редакторы. Таких редакторов много и самых разных, есть, например визуальные HTML-редакторы, позволяющие создавать веб-страницы путем размещения на них различных элементов. Примером такой программы может служить WYSIWYG Web Builder, умеющая генерировать HTML-код веб-страниц автоматически.
Скачать WYSIWYG Web Builder с официального сайта
- Скачайте редактор с сайта разработчика, установите и запустите.
- WYSIWYG Web Builder автоматически создаст файл index.html — чтобы просмотреть или отредактировать его код, нажмите на панели инструментов кнопку «HTML».
- Замените, если необходимо, содержимое тегов
<title>и<body>, удалите ссылки на файлы CSS, если на HTML-странице не предполагается использование стилей. Нажмите «OK». - В главном меню переключитесь на вкладку «Save As…», затем в окне сохранения выберите «HTML Document».
- Укажите в диалоговом окошке обзора папку для сохранения веб-страницы.
Порядок действий создания файлов HTML в других редакторах примерно тот же.
Способ 3: Онлайн-редакторы HTML
Помимо десктопных программ, для создания файлов HTML можно использовать онлайновые редакторы кода. В отличие от устанавливаемых на компьютер программ, онлайн-редакторы в большинстве бесплатны и очень просты в использовании. Найти такие редакторы в интернете не представляет сложности, в качестве примера одного из них можно привести онлайн-приложение с названием «HTML редактор онлайн».
Перейти на сайт HTML-редактора
- Открыв в браузере страницу с HTML-редактором, вставьте в поле текст и отформатируйте его, если это необходимо.
- Нажмите кнопку «Скачать .html». В результате на компьютер будет скачан файл index.html, содержащий все базовые элементы языка HTML.
Способ 4: Онлайн-конвертеры
Наконец, для создания простых HTML-файлов можно использовать многофункциональные онлайн-конвертеры, к примеру популярное веб-приложение «Online-Convert», позволяющее преобразовывать в HTML файлы различных текстовых форматов.
Перейти на сайт сервиса Online-Convert
- Создайте простой текстовый документ в «Блокноте», Microsoft Word или другом текстовом редакторе.
- Перейдите на сайт конвертера и выберите в выпадающем списке раздела «Конвертер документов» опцию «Конвертируйте в формат HTML».
- Перетащите конвертируемый текстовый документ на форму-загрузчик, дождитесь загрузки файла и нажмите кнопку «Начать».
- Online-Convert преобразует документ в HTML-файл, который автоматически скачается на компьютер. Если скачивание не будет запущено автоматически, нажмите кнопку «Скачать».
Online-Convert достаточно корректно выстраивает структуру HTML, однако в некоторых случаях со стороны пользователя может понадобиться небольшая коррекция сгенерированного кода, например удаление ненужной метаинформации, добавляемой веб-приложением при обработке файлов Microsoft Office.
Наша группа в TelegramПолезные советы и помощь
Во время работы иногда возникает необходимость изменить расширение файла. Это может потребоваться для файлов, с которыми можно работать в разных программах. Например, расширение текстового файла можно изменить с TXT на CFG, INI, BAT, REG, HTML, PHP, XML, VBS, CSV или CMD. Это позволит продолжить работу в другой программе.
Если вы столкнулись с подобной задачей, то этот материал должен вам помочь. Здесь вы узнаете, как изменить расширение файла в операционных системах Windows 11 или Windows 10.
Содержание
Что такое расширение файла в Windows 10
Расширение файла (или суфикс) – это один или несколько символов в имени файла, которые отделены с помощью точки. Например, если файла называется «filename.INI», то расширением будет являться «INI», так как данная часть названия расположена после точки.
В операционных системах Windows 11 и Windows 10 расширение файла используется для определения программы, которую нужно использовать для открытия этого файла. Например, если документ называется «filename.TXT», то он будет открываться с помощью текстового редактора, а если «filename.BAT», то с помощью интерпретатора командной строки. Связь между суфиксом и программой задается в реестре Windows и при необходимости ее можно изменить.
Изменение расширения файла позволяет изменить программу, с помощью которой он будет открываться. Например, вы можете создать текстовый документ «filename.TXT» в программе «Блокнот» и потом переименовать его в «filename.REG». После такого переименования созданный документ начнет открываться уже не в «Блокноте» в редакторе реестра Windows 11 или Windows 10.
Нужно отметить, что изменение расширения никак не изменяет тип файла или его содержимое, изменяется только имя. Изменение с «AVI» в «MP3» не превратит видео в аудио. Для решения таких задач нужно использовать конвертацию с помощью специального софта.
Как поменять расширение файла в Windows 10
Для того чтобы изменить расширение файла нужно сначала включить его отображение в Проводнике.
В Windows 10 для этого нужно открыть любую папку и перейти на вкладку «Вид».
После чего нужно нажать на кнопку «Параметры», которая находится на вкладке «Вид» в правой части окна.
В случае Windows 11 нужно октрыть любую папку и нажать на кнопку с тремя точками. После этого в появившемся меню нужно выбрать пункт «Параметры».
Если с этим возникают какие-то проблемы, то «Параметры» можно открыть с помощью команды. Для этого нажмите комбинацию клавиш Win-R и введите команду «control.exe folders».
В результате перед вами появится окно «Параметры папок». В данном окне можно изменить многие настройки, которые касаются отображения файлов и папок в проводнике Windows 10. Для того чтобы включить отображение расширений файлов перейдите на вкладку «Вид».
На этой вкладке будет доступен список параметров. Пролистайте данный список в самый конец, найдите там параметр «Скрывать расширения» и отключите его. Для этого достаточно снять отметку и сохранить изменения с помощью кнопки «ОК».
После этого рядом с названием файла всегда будет отображаться и его расширение. Например, на картинке внизу показаны файлы DOCX и TXT.
Теперь можно изменить расширение файла. Для этого кликните по нему правой кнопкой мышки и выберите вариант «Переименовать».
Теперь, когда скрытие окончаний отключено, вы сможете не только переименовать файл, но и изменить его расширение.
Например, вместо TXT можно указать CSV или наоборот.
Как изменить расширение для большого количества файлов
Если у вас много файлов, расширение которых нужно изменить, то вы можете воспользоваться командной строкой и тем самым значительно ускорить процесс. Для этого запустите командную строку и перейдите в папку, где находятся нужные вам файлы (для перехода между папками используйте команду cd).
Находясь в нужной папке выполните команду «ren *.txt *.csv». Данная команда изменит расширение с TXT на CSV для всех файлов, которые находятся в этой папке.
Еще раз отметим, что изменение расширения не влияет на содержимое, оно всего лишь указывает операционной системе Windows 11 или Windows 10 какой программой открывать данный документ.
Посмотрите также:
- Чем открыть DJVU формат в Windows 7 и Windows 10
- Чем открыть PDF файл в Windows 7 или Windows 10
- Чем открыть MDF файл в Windows 7 или Windows 10
- Чем открыть mkv
- Чем открыть fb2
Автор
Александр Степушин
Создатель сайта comp-security.net, автор более 2000 статей о ремонте компьютеров, работе с программами, настройке операционных систем.
Остались вопросы?
Задайте вопрос в комментариях под статьей или на странице
«Задать вопрос»
и вы обязательно получите ответ.
В этой инструкции подробно о нескольких способах изменить расширение файла или группы файлов в Windows 10, 8.1 и Windows 7, а также о некоторых нюансах, о которых начинающий пользователь, бывает, не подозревает.
Помимо прочего, в статье вы найдете информацию об изменении расширения аудио и видео файлов (и почему с ними не все так просто), а также о том, как превращать текстовые файлы .txt в .bat или .reg или файлы без расширения (для hosts) при редактировании в блокноте — тоже популярный вопрос в рамках данной темы.
- Изменение расширения файла в проводнике или на рабочем столе
- Как изменить расширение файла или группы файлов в командной строке
- Изменения расширения файлов видео, аудио, изображений
- Блокнот, файлы .bat, .reg и hosts
- Видео инструкция
Изменение расширения файла в проводнике или на рабочем столе
Чаще всего вопрос о том, как изменить расширение файла в Windows 10, 8.1 или Windows 7 пользователь задает по той причине, что не видит никакого расширения. Напомню, расширение — это несколько букв после точки в имени файла, обычно определяющие тип этого файла.
Причина этого в том, что по умолчанию расширения файлов для тех типов, которые зарегистрированы в системе, не отображаются и изменить их через пункт «Переименовать» не получится. Решение — предварительно включить показ расширений для известных типов файлов и только потом менять расширение. Все необходимые шаги будут выглядеть следующим образом:
- В Windows 10 и 8.1 вы можете открыть проводник (или просто любую папку), а затем на вкладке «Вид» нажать по пункту «Показать или скрыть» и включить отметку «Расширения имен файлов».
- В Windows 7 (способ работает и для новых систем) можно зайти в Панель управления, открыть пункт «Параметры проводника» или «Параметры папок» (чтобы пункт отображался, в поле «Просмотр» панели управления должно быть установлено «Значки»). После этого на вкладке «Вид» снять отметку «Скрывать расширения для зарегистрированных типов файлов».
- После этого расширения файлов будут отображаться. Чтобы изменить расширение любого файла, нажмите по нему правой кнопкой мыши и выберите пункт «Переименовать» в контекстном меню.
- Измените расширение файла на нужное и нажмите Enter. Перейти к редактированию расширения, а не имени файла можно стрелками на клавиатуре.
- Появится предупреждение «После изменения расширения этот файл может оказаться недоступным. Вы действительно хотите изменить его?». Нажмите «Да» для того, чтобы изменить расширение файла. Если файл действительно перестанет открываться вы всегда сможете переименовать его обратно.
Обратите внимание на предупреждение на 5-м шаге: случается, что начинающему пользователю оно не ясно. Сообщение о том, что файл может оказаться недоступным говорит о том, что простое изменение расширения на самом деле не меняет тип файла или его содержимое: например, если у вас не открываются файлы .docx, то после переименования в .doc он всё также может не открываться, аналогично с файлами видео и изображений.
Как изменить расширение файла или группы файлов в командной строке Windows
При желании вы можете изменить расширение отдельного файла или сразу нескольких файлов в командной строке. Порядок действий будет следующим:
- Запустите командную строку. От имени администратора, если папки, в которых находятся файлы для переименования, требуют таких прав. Способы запустить командную строку от имени администратора.
- В случае, если файлы находятся на диске, отличающимся от диска C:, введите букву нужного диска с двоеточием и нажмите Enter, например — D:
- Введите команду cd путь_к_папке_с_файлами для перехода в папку, где находятся файлы, которые требуется переименовать. Если путь содержит пробелы, возьмите его в кавычки.
- Введите команду ren имя_файла.старое_расширение имя_файла.новое_расширение для изменения расширения одного файла. Например, ren file.txt file.doc
- Введите команду ren *.старое_расширение *.новое_расширение для изменения расширения у группы файлов. Например, ren *.mp4 *.avi изменит расширения всех mp4 файлов в папке на avi.
В некоторых случаях для удобного изменения расширений файлов может быть удобным использовать специальные программы для массового переименования файлов.
Изменение расширения аудио, видео и других медиа файлов
В целом, для изменения расширений аудио и видео файлов, а также документов, все написанное выше верно. Но: начинающие пользователи часто полагают, что если, например, файлу docx сменить расширение на doc, mkv на avi, то они начнут открываться (хотя раньше не открывались) — обычно это не так (бывают исключения: например, мой телевизор может воспроизводить MKV, но не видит эти файлы по DLNA, переименование в AVI решает проблему).
Файл определяется не его расширением, а его содержимым — по сути, расширение вообще не важно и только помогает сопоставить программу, запускаемую по умолчанию. Если содержимое файла не поддерживается программами на вашем компьютере или другом устройстве, то изменение его расширения не поможет открыть его.
В этом случае вам помогут конвертеры типов файлов. У меня есть несколько статей на эту тему, одна из самых популярных — Бесплатные конвертеры видео на русском языке, часто интересуются конвертацией файлов PDF и DJVU или формат Word и аналогичными задачами, это тоже можно выполнить с помощью конвертеров форматов.
Вы сами можете отыскать необходимый конвертер, просто поищите в интернете по запросу «Конвертер Расширения 1 в Расширение 2», указав нужное вам направление изменения типа файлов. При этом, если вы используете не онлайн конвертер, а скачиваете программу, будьте осторожны, часто они содержат нежелательное ПО (и пользуйтесь официальными сайтами).
Блокнот, файлы .bat и hosts
Еще один частый вопрос, имеющий отношения к расширению файлов — создание и сохранение файлов .bat или .reg в блокноте, сохранение файла hosts без расширения .txt и другие схожие.
Тут все просто — при сохранении файла в блокноте, в диалоговом окне в поле «Тип файла» укажите «Все файлы» вместо «Текстовые документы» и тогда при сохранении к введенному вам имени и расширению файла не будет добавляться .txt (для сохранения файла hosts дополнительно требуется запуск блокнота от имени Администратора).
Видео инструкция
Если так получилось, что я ответил не на все ваши вопросы, готов ответить на них в комментариях к данному руководству.
Вся проблема с переименованием файлов на ноутбуке у Вас в том, что отключено отображение расширения файлов. *.txt и *.html — это расширения. Когда в операционной системе отключено отображение расширений, как ни переименовывайте txt-файл, он всё-равно останется txt.
Включить же отображение (точнее отключить скрытие) расширений файлов очень просто.
Выполните Пуск -> Панель управления -> Оформление и персонализация -> Параметры папок -> Вид -> «Скрывать расширения для зарегистрированных типов файлов».
Что бы было проще, можете скопировать данный путь (Панель управления\Оформлени
