Как запустить HTML файл
wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали, в том числе анонимно, 19 человек(а).
Количество просмотров этой статьи: 92 378.
HTML (HyperText Markup Language — язык гипертекстовой разметки) — это язык разметки документов в интернете. В основном этот язык используется для структурирования внешнего вида и функций веб-сайтов. Любой файл с HTML-кодом имеет расширение .html. Все современные браузеры, такие как Google Chrome, Safari и Mozilla Firefox, распознают этот формат и могут открывать такие файлы; поэтому, чтобы запустить HTML-файл, откройте его в веб-браузере.
Создание HTML-файла в Блокноте (Notepad)
Информация о материале Родительская категория: Текстовые редакторы Категория: Текстовый редактор Notepad (Блокнот) в Windows 
Создание тактового HTML-файла в Notepad (Блокнот)
Notepad (Блокнот) — Самый простой текстовый редактор для Windows.
Самым простым текстовым редактором под Windows является Notepad (Блокнот). Пожалуй единственным его плюсом является то, что его не нужно откуда-то скачивать и устанавливать на компьютер. Он есть на любом компьютере, где установлена Windows. И всё, на этом все плюсы Блокнота. Даже для того, чтобы создать текстовой файл с расширением, отличным от .txt требуется произвести ряд движений.
Информация для тех, кто решил изучить HTML.
Для информации:
Для тех, кто решил изучить или повторить HTML у меня есть бесплатный замечательный видео-курс HTML, который мы сняли специально для тех, кто хочет разобраться с HTML не имея представления с чего начать. Видео-курс «HTML для начинающих» ← по этой ссылке!
Всё начинается с самого начала: Часть 1 «Инструментарий»
Как открыть Notepad (Блокнот) в Windows через кнопку «Пуск»?
Для того, чтобы открыть Notepad (Блокнот) в Windows нужно нажать на кнопку «Пуск» в левом нижнем углу. (Или нажать на кнопку «Win» на клавиатуре. Она обычно находится между правыми кнопками Ctrl и Alt.) Откроется такое вот окно:
После этого нужно написать в поисковой строке слово «Блокнот» и кликнуть по ссылке найденной программы:
С тем же успехом можно написать в поисковой строке слово «notepad» и кликнуть по ссылке найденной программы:
После этого откроется окно программы Notepad (Блокнот), куда можно записывать текст:
Как сохранить файл в Notepad (Блокнот) в Windows?
После того, как текст написан, его нужно сохранить. Notepad предназначен для создания и сохранения текстовых файлов с расширением .txt. Поэтому, для того, чтобы сохранить файл с расширением, скажем, .html, нужно в меню Блокнота выбрать опцию «Файл», а в ней опцию «Сохранить как. »
После этого откроется окно сохранения файла в котором нужно в опции «Тип файла:» выбрать Все файлы (*.*)
Как указать кодировку при сохранении файла в Notepad (Блокнот) в Windows?
Также полезно сразу выбрать кодировку. Сейчас на серверах обычно стоит кодировка UTF-8, поэтому лучше сразу сохранять файлы в ней.
После этого останется только ввести имя файла с расширением (для HTML-документов расширение либо .html либо .htm), выбрать путь, куда сохранять файл (чтобы его потом можно было найти) и нажать кнопку «Сохранить».
После сохранения файла с расширением .html в Windows обычно этот файл имеет иконку того браузера, который настроен по умолчанию для работы с интернетом. (У меня сейчас по умолчанию стоит Opera.) Двойным кликом по иконке файла его можно открыть для просмотра в браузере.
Заберите ссылку на статью к себе, чтобы потом легко её найти!
Выберите, то, чем пользуетесь чаще всего:
Создаем HTML страницу
Сайты в интернете, состоят из HTML-страниц, точно также как обычная книга состоит из бумажных страниц, только в отличии от страниц книги, HTML-страницы соединены между собой не переплётом, а ссылками. Давайте создадим свою первую HTML-страницу.
Для того чтобы сделать сайт, нужно сначала создать HTML-страницу. Сделав несколько HTML-страниц и соединив их с помощью ссылок, мы получим сайт.
HTML-страницы создаются с помощью языка HTML, а код этого языка записывается в текстовых редакторах, например в обычном Блокноте от Windows. Открыв Блокнот и введя туда код написанный на языке HTML, а затем сохранив получившийся документ в файл с расширением .html мы получим HTML-файл, который можно просмотреть с помощью браузера.
Открыть Блокнот в Windows можно следующим образом:
Пуск — Все программы
В Блокноте наберите следующий код:
Или просто скопируйте его и вставьте в Блокнот :
Затем сохраните получившийся документ на Рабочий стол , в виде файла с названием index и расширением .html
Для этого нажмите на кнопки:
Файл — Сохранить как…
В появившемся окне выберите Рабочий стол , имя файла напишите index.html и нажмите кнопку:
Сохранить
Теперь файл index.html , который вы сохранили на Рабочий стол , можно открыть в браузере и посмотреть на получившуюся HTML-страницу. Для этого, нужно нажать правой кнопкой мыши по файлу index.html и выбрать из имеющихся у вас браузеров, я обычно использую браузер FireFox :
Открыть с помощью — FireFox
Если у вас на компьютере не установлен браузер FireFox , то можете открыть файл index.html любым другим браузером, например: Opera , Google Chrome , Internet Explorer или Safari .
Файл index.html , открытый в браузере FireFox :
На этом, первый урок учебника по HTML, окончен. В следующем уроке мы подробно разберём HTML-код и узнаем из каких частей он состоит.
Введение в HTML
В этом уроке вы узнаете, как просто создать HTML-документ или веб-страницу. Чтобы начать писать HTML-код, вам понадобятся только две вещи: простой текстовый редактор и веб-браузер.
Что ж, давайте начнем с создания вашей первой HTML-страницы.
Создание вашего первого HTML-документа
Давайте пройдемся по следующим шагам. В конце этого урока вы создадите HTML-файл, который отображает сообщение «Hello world» в вашем веб-браузере.
Шаг 1: Создание файла HTML
Откройте текстовый редактор вашего компьютера и создайте новый файл.
Мы предлагаем вам использовать Блокнот (в Windows), TextEdit (в Mac) или другой простой текстовый редактор для этого; не используйте Word или WordPad! Как только вы поймете основные принципы, вы можете переключиться на более продвинутые инструменты, которые мы рассматривали в статье Как выбрать текстовый редактор.
Шаг 2. Введите код HTML
Начните с пустого окна и введите следующий код:
Шаг 3: Сохранение файла
Теперь сохраните файл на рабочем столе как myfirstpage.html .
Важно, чтобы было указано расширение .html — некоторые текстовые редакторы, такие как блокнот автоматически сохранят его с расширением .txt .
Чтобы открыть файл в браузере, перейдите к этому файлу, затем дважды щелкните по нему. Он откроется в вашем веб-браузере по умолчанию. Если это не так, откройте браузер и перетащите файл в него.
Разберем подробнее код, который мы написали выше.
- В первой строке <!DOCTYPE html> — это объявление типа документа. Строка сообщает веб-браузеру, что этот документ является документом HTML5.
- Элемент <head> является контейнером для тегов, который предоставляет информацию о документе, например, тег <title> определяет заголовок документа.
- Элемент <body> содержит фактическое содержимое документа (абзацы, ссылки, изображения, таблицы и т. д.), которое отображается в веб-браузере и отображается для пользователя.
Подробнее о различных HTML-элементах вы узнаете в следующих разделах. А пока просто сосредоточимся на базовой структуре HTML-документа.
Объявление DOCTYPE появляется вверху веб-страницы перед всеми другими элементами; однако само объявление doctype не является HTML-тегом. Каждый HTML-документ требует декларации типа документа, чтобы гарантировать, что ваши страницы отобразятся правильно.
Теги <html> , <head> , и <body> составляют основной каркас каждой веб-страницы. Содержимое внутри <head> и </head> невидимо для пользователей, за одним исключением: текст между тегами <title> и </title> , который отображается в виде заголовка на вкладке браузера.
HTML-теги и элементы
HTML-документ может и должен содержать HTML-элементы, которые называют теги или разметка. Эти теги разметки являются фундаментальной характеристикой HTML. Каждый тег разметки состоит из ключевого слова, заключенного в угловые скобки, например <html> , <head> , <body> , <title> , <p> и т.д.
Обычно HTML-теги идут парами, такими как <html> и </html> . Первый тег в паре часто называют открывающим тегом (или начальным тегом), а второй тег называется закрывающим тегом (или конечным тегом).
Открывающий тег и закрывающий тег идентичны, за исключением косой черты или обратного слеша ( / ) после открывающей угловой скобки закрывающего тега, чтобы сообщить браузеру, что команда выполнена.
Между начальным и конечным тегами вы можете разместить соответствующее содержимое. Например, абзац, который представлен элементом p , будет записан как:
Вы узнаете о различных HTML-элементах в следующем разделе.
alt=»flexbe banner 728×90″ /> alt=»flexbe banner 120×600″ />
alt=»smsc banner 728×90″ /> alt=»smsc banner 120×600″ />
alt=»skillbox banner 728×90″ /> alt=»skillbox banner 120×600″ />
Насколько публикация полезна?
Нажмите на звезду, чтобы оценить!
Средняя оценка 3.7 / 5. Количество оценок: 3
Оценок пока нет. Поставьте оценку первым.
Похожие посты
- 18 декабря, 2019
- 982
Руководство по тегам и элементам в HTML
- 26 ноября, 2019
- 70
Руководство по заголовкам в HTML
- 6 ноября, 2019
- 78
Руководство по мета-тегам в HTML
Разработка сайтов для бизнеса
Если у вас есть вопрос, на который вы не знаете ответ — напишите нам, мы поможем разобраться. Мы всегда рады интересным знакомствам и новым проектам.