HTML документ — это обычный текстовой файл c расширением .html , который содержит HTML-код. HTML документ иначе ещё называют HTML файлом .
Чтобы из обычного текстового файла (с расширением .txt ) сделать HTML документ, нужно сменить расширение с .txt на .html .
Открыть файл, сохраненный с расширением .html , для просмотра в браузере можно двумя способами:
- Кликнуть по нему два раза левой кнопкой мыши, в этом случае HTML документ откроется в том браузере, который выбран по умолчанию.
- Кликнуть по нему ПКМ → навести курсор на открыть с помощью. → выбрать нужный браузер.
При получении HTML документа браузер будет отображать его в виде веб-страницы ( веб-страница — это то, что отображается в окне браузера). Рассмотрим это на примере. Создадим HTML-документ и расположим в нём следующий HTML-код:
Теперь откроем HTML файл браузером. В окне браузера мы не увидим отображения самого HTML-кода, потому что он будут интерпретирован для отображения содержимого страницы в нужном виде. Результат данного кода в окне браузера:
Как создать HTML страницу | Уроки HTML | Для начинающих
Чтобы отредактировать код HTML документа, нажимаем на него ПКМ → наводим курсор на открыть с помощью. → и выбираем нужный редактор, если в списке нет нужного редактора, жмём Выбрать программу. и выбираем нужный редактор. Некоторые редакторы (для примера возьмем notepad++) можно выбрать прямо в контекстном меню, нажав по документу ПКМ и выбрав сверху Edit with Notepad++ (редактировать с помощью notepad++).
Смена расширения файла
- В открытом редакторе (или в обычном текстовом документе) нажимаем файл → выбираем сохранить как → внизу в текстовом поле имя файла: напишем к примеру так: mypage.html → жмём сохранить . Всё, HTML документ создан.
- Кликаем правой кнопкой мыши (ПКМ) на текстовом файле → выбираем переименовать и меняем расширение с .txt на .html . Чтобы воспользоваться данным способом, нам надо сделать так, чтобы по умолчанию у всех файлов были доступны их расширения, делается это следующим образом: открываем Панель управления → выбираем Параметры папок (в Windows 10 данный пункт называется Параметры проводника ) → вкладка Вид → прокручиваем в самый низ и убираем галочку на Скрывать расширения для зарегистрированных типов файлов .
С этой темой смотрят:
- Как браузер получает веб-страницы?
- Введение в html
- Структура html-документа
Источник: puzzleweb.ru
Как редактировать HTML файлы.
Как открыть HTML-файл для редактирования? Очень просто. 
1)Открываем нашу папку, и наводим мышь на наш файл «index.html» далее кликаем правой кнопкой мыши.
Создание html сайта в блокноте
2)Наводим мышкой на пункт «Открыть с помощью» и у нас появляется выпадающее окно с программами.
3)В окне с программами кликаем «Блокнот» и у нас запускается «блокнот» с нужным хтмл-файлом.
Если в окне с программами нет «блокнота», тогда немного ниже нажимаем «Выбрать программу. » 
И уже в этом окне двойным щелчком кликаем по «Блокнот» или 1 раз кликаем по блокнот и нажимаем «ОК» Все, наш файл открыт для дальнейшего редактирования.
Далее, если вы что-то отредактировали, вам уже не нужно для сохранения нажимать «файл⇒сохранить как», а более проще:»файл⇒сохранить», т.к. файл у нас уже существует.
И последнее, я не настаиваю что-бы вы использовали в качестве текстового редактора «Блокнот», он немного неудобен, еще из стандартных у вам может быть «WorldPad», но лично я использую «HAPedit-3.1», разработчики французы, и потому интерфейс программы русский язык не поддерживает, но есть английский и немецкий. Но за то в нем полно преимуществ, подсветка синтаксиса, дописывает теги и атрибуты для html, так-же работает с CSS, PHP и многими другими языками, кроме XML.
В следующей главе мы поговорим о том как изменить цвет текста и фона страницы.
Смотрите также:
Информатика в параллельном мире
Много пишешь о себе помогаешь ФСБ
Сходи прогуглись
Брачная ночь
Почему он так напоминает демотиватор
Новый уровень
Охренели совсем
А сегодня он целый день признавался в любви принтеру
Так и работаем
Сохраните своему ребенку девственность
Вот как все начинается
Найдется всё
Комп обычной китайской семьи
Ну да, канечно
20 минут без интернета
Подразделы
- Атрибуты тега TABLE, бордюры, размеры и другие. Самоучитель HTML
- Атрибуты тегов TR, TD, TH. Вложеные таблицы. Самоучитель HTML
- Текстовые блоки DIV и P, а так же их выравнивание Самоучитель HTML
- Как сделать текст жирным, курсивом, подчеркнутым и так далее. Самоучитель HTML
- Как вставить флеш-объект в html-файл. Самоучитель HTML
- Как задать картинку фоном страницы. Самоучитель HTML
- Как задать шрифт, изменить размер или цвет текста отдельного участка. Самоучитель HTML
- Как сделать форму для отправки данных. Самоучитель HTML
- Введение в HTML-фреймы. Самоучитель HTML
- Атрибуты тега FRAME. Самоучитель HTML
- История развития HTML. Самоучитель HTML
- Введение в HTML Самоучитель HTML
- Полный список HTML тегов. Самоучитель HTML
- Как вставить картинку в HTML-файл. Самоучитель HTML
- Инлайн фреймы — IFrame в HTML. Самоучитель HTML
- Поля для ввода текста в формы. Самоучитель HTML
- Как изменить цвет текста и фона на странице. Самоучитель HTML
- Как вставить Java-аплет в HTML. Самоучитель HTML
- Клиентские карты изображений. Самоучитель HTML
- Клиентские карты изображений, продолжение. Самоучитель HTML
- Ссылки в HTML фреймах. Самоучитель HTML
- Как сделать ссылку внутри страницы? Самоучитель HTML
- Как сделать ссылку в HTML? Самоучитель HTML
- Список МЕТА-тегов в HTML. Самоучитель HTML
- Вспомогатльные теги в HTML Самоучитель HTML
- Объекты в HTML-документах. Самоучитель HTML
- Механизмы отправки HTML-формы. Самоучитель HTML
- Выключатели и переключатели в HTML-формах. Самоучитель HTML
- Аудио, видео плеер для сайта. Самоучитель HTML
- Форматированный и бегущий текст. Самоучитель HTML
- Пути в HTML. Абсолютные и относительные ссылки в html-ссылках. Самоучитель HTML
- Растягивание ячейки. Самоучитель HTML
- Как редактировать HTML файлы. Самоучитель HTML
- Серверные карты изображений. Самоучитель HTML
- Специальные символы. Самоучитель HTML
- Выпадающие списки в HTML-формах. Самоучитель HTML
- HTML-списки: неупорядоченные, упорядоченные и определения Самоучитель HTML
- Введение в html-таблицы . Самоучитель HTML
- Текст возле картинки. Самоучитель HTML
- Как сохранить текстовый файл с расширением HTML Самоучитель HTML
- Перенос строк в HTML Самоучитель HTML
- Заглавия в ХТМЛ документах. Самоучитель HTML
Источник: webuchebnik.ru
Как редактировать HTML?
Не совсем понятно, что имеется в виду. Предположу, что Вы спрашиваете о том, где удобнее редактирвать HTML-код. Для начала нужно определить для себя, на каком уровне Вы планируете «редактирвать».
Если просто вставить ссылку или заменить картинку, то вполне подойдет обычный «Блокнот» (он же «Notepad»). Правда его функционал очень скудный. Поэтому я бы порекомендовал Notepad++ — бесплатный редактор кода, в котором есть
- подсветка синтаксиса большого количества языков (в том числе HTML),
- вкладки для одновременной работы над несколькими файлами,
- автодополнение и автоматическок закрывание тегов, скобок и кавычек,
- возможность изменения кодировки файлов,
- возможность расширения и без того широкого функционала при помощи плагинов (ftp-менеджер, шаблоны и сниппеты и т.д.)
Ну а если в Ваших планах заниматься веб-разработкой более серьезно, то лучше использовать Интегрированную среду разработки или IDE (Integrated development environment). Она совмещает в себе редактор и другие необходимые разработчику инструменты (систему контроля версий, инструменты для тестирования и отладки, механизмы автоматизации процессов). Здесь для меня очевидным фаворитом является WebStorm. Эта IDE, хотя и платная, стоит своих денег, т.к. очень упрощает жизнь веб-разработчика. Кроме того ее создатели предоставляют 30-дневный тестовый период .
Источник: yandex.ru